:root{--paper:#f1ece0;--ink:#25251f;--muted:#797264;--gold:#b69a67;--line:#d8cfbd;--night:#181b19;--serif:"Songti SC","STSong","Noto Serif CJK SC",serif}*{box-sizing:border-box}body{margin:0;background:var(--night);color:var(--paper);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.8;background-image:radial-gradient(ellipse at 70% 15%,#b69a6710,transparent 55%)}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:5;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}h1,h2,h3,.serif{font-family:var(--serif);font-weight:500;line-height:1.4}h1,h2,h3,p{margin-top:0}a{color:inherit}button,input{font:inherit}button{border:1px solid #b69a6766;background:transparent;color:inherit;padding:13px 24px;cursor:pointer;transition:background .18s,transform .18s}button:hover{background:#b69a6715}button:disabled{opacity:.35;cursor:default}button.primary{background:var(--gold);color:var(--night);border-color:var(--gold)}button.primary:hover{background:#cbb17f}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #cba96b;outline-offset:4px}button,a{touch-action:manipulation}.masthead{max-width:1320px;margin:auto;padding:25px 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #b69a6730}.masthead>a{display:flex;gap:14px;align-items:center;text-decoration:none}.brand-symbol{font:43px Georgia,serif;color:var(--gold);font-style:normal;line-height:1}.brand-text{font:18px var(--serif);letter-spacing:.16em}.brand-text small{display:block;font:8px sans-serif;letter-spacing:.23em;color:var(--gold);margin-top:7px}.edition{font:14px Georgia,serif;color:var(--gold);letter-spacing:.1em}.edition span{display:block;font:10px sans-serif;color:#a7a698;margin-top:7px}main{max-width:1240px;margin:0 auto;padding:64px 48px 40px;outline:none}.eyebrow{font-size:10px;letter-spacing:.2em;color:var(--gold);margin-bottom:28px}.intro-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:64px;align-items:center}.intro h1{font-size:clamp(45px,5.2vw,72px);line-height:1.27;letter-spacing:.035em;margin-bottom:24px}.intro h1 em{font-style:normal;color:var(--gold)}.intro-question{font-size:21px;color:#d5c9af;margin-bottom:16px}.lead{font-size:14px;line-height:2;color:#a7aaa0;max-width:520px}.stats{display:flex;gap:38px;margin:29px 0 22px;padding-top:18px;border-top:1px solid #b69a6730}.stats strong{font:27px Georgia,serif;color:#e0d5be;font-weight:400}.stats span{display:block;font-size:10px;color:#9a9d93;margin-top:6px}.intro .primary{min-width:280px;text-align:left;padding:16px 26px;letter-spacing:.06em}.notice{color:#989c91;font-size:11px;line-height:1.9;margin:17px 0 0;max-width:580px}.hero-art{margin:0;position:relative}.arch-frame{height:535px;position:relative;overflow:hidden;border-radius:240px 240px 0 0;border:1px solid #b69a6770;box-shadow:0 0 0 10px var(--night),0 0 0 11px #b69a672a}.arch-frame img{width:100%;height:100%;object-fit:cover;object-position:50% 47%;filter:saturate(.65)}.art-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#141713 0%,#14171310 55%,#14171333 100%)}.art-index{position:absolute;top:130px;left:0;width:100%;text-align:center;font:9px Georgia;letter-spacing:.19em;color:#f1ece0ab}.art-caption{position:absolute;bottom:35px;left:35px;right:25px}.art-caption>span{display:block;font-size:10px;letter-spacing:.25em;color:var(--gold)}.art-caption b{display:block;font:38px var(--serif);letter-spacing:.18em;margin:9px 0 16px;font-weight:400}.art-caption small{font-size:9px;color:#a8a99e}.hero-art figcaption{display:flex;justify-content:space-between;font:8px Georgia;letter-spacing:.12em;color:var(--gold);padding-top:22px}.hero-art figcaption span{font:10px var(--serif);color:#999e92}.gate label{display:block;font-size:12px;color:#bcb9aa;margin-bottom:10px}.gate .controls{display:flex;gap:10px}.gate input{width:150px;min-width:0;background:#242721;border:1px solid #b69a6750;color:var(--paper);padding:12px 15px;letter-spacing:.2em}.gate .primary{min-width:0}.error{color:#d8977d;font-size:12px;min-height:20px}.roster{display:grid;grid-template-columns:150px 1fr;gap:30px;margin-top:65px;padding:30px 0;border-top:1px solid #b69a6740;border-bottom:1px solid #b69a6720}.roster h2{font-size:19px;margin:0;color:#d9cfb7}.roster h2::before{content:"XVI / ";font:12px Georgia;color:var(--gold);display:block;letter-spacing:.12em;margin-bottom:8px}.roster p{font-family:var(--serif);font-size:14px;line-height:2.5;color:#a7ab9e;margin:0}.person-name{white-space:nowrap}.method{font-size:12px;color:#8f9588;margin-top:22px}.method summary{cursor:pointer;color:#a7ac9e}.method p{max-width:800px;margin-top:15px}.quiz{position:relative;max-width:890px;margin:8px auto 24px;background:var(--paper);color:var(--ink);padding:54px 65px 35px;box-shadow:10px 10px 0 #b69a6718;min-height:600px;border-top:3px solid var(--gold)}.inquiry-mark{position:absolute;right:65px;top:36px;border:1px solid #a2835340;color:#a28353;padding:4px 8px;font:27px var(--serif);text-align:center;line-height:1.3}.inquiry-mark span{display:block;font:6px Georgia;letter-spacing:.12em}.quiz .eyebrow{color:#967946;margin-bottom:18px}.quiz>.eyebrow{padding-right:80px}.quiz h1{font-size:28px;line-height:1.7;margin-bottom:27px;max-width:640px}.quiz .lead{color:var(--muted);font-size:13px}.q-meta{display:flex;justify-content:space-between;padding-right:75px;color:var(--muted);font-size:11px}.progress{height:2px;background:#d8cfbd;margin:17px 0 36px}.progress div{height:100%;background:#a28353;transition:width .2s}.options{display:grid;gap:0;border-top:1px solid var(--line)}.option{display:flex;gap:20px;align-items:center;text-align:left;width:100%;border:0;border-bottom:1px solid var(--line);padding:19px 17px 19px 5px;color:var(--ink);background:transparent;line-height:1.7;font-size:14px;position:relative}.option::after{content:"↗";margin-left:auto;opacity:0;color:#967946}.option:hover{background:#e7dfcf}.option:hover::after,.option[aria-pressed=true]::after{opacity:1}.letter{font:18px Georgia,serif;color:#a28353;min-width:30px}.option[aria-pressed=true]{background:#e4dac6;box-shadow:inset 3px 0 #967946;padding-left:15px}.nav{display:flex;justify-content:space-between;margin-top:30px;gap:15px}.quiz button:not(.option){color:var(--ink);border-color:#a2835370}.quiz .primary{background:var(--ink);color:var(--paper)!important;border-color:var(--ink)!important}.q-note,.quiz .notice{font-size:11px;color:var(--muted);margin:22px 0 0}.result{max-width:940px;margin:auto;background:var(--paper);color:var(--ink);box-shadow:12px 12px 0 #b69a6714}.result-head{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto;align-items:center;gap:25px;background:linear-gradient(90deg,#20241ffe,#20241fd9),url('assets/athens.jpg') center 45%/cover;color:var(--paper);padding:55px 65px;min-height:355px;border:1px solid #b69a6755}.result-head::before{content:"";position:absolute;inset:14px;border:1px solid #b69a6735;pointer-events:none}.result h1{font-size:64px;letter-spacing:.07em;margin:7px 0 13px}.result .tagline{font-size:22px;color:#d2b888;margin-bottom:10px}.result-head .minor{color:#abafa1;font-size:12px}.stamp{width:120px;height:170px;border:1px solid #b69a6766;border-radius:75px 75px 0 0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--gold)}.stamp span{font-size:8px;letter-spacing:.15em}.stamp b{font:63px var(--serif);font-weight:400;margin:8px 0}.result-section{padding:35px 65px;border-bottom:1px solid var(--line)}.result-section h2{font-size:25px;margin-bottom:20px}.result-section .eyebrow{color:#967946;margin-bottom:16px}.result-section h3{font-size:18px;margin:23px 0 10px}.result-section p{font-size:14px;line-height:2}.result-section .minor{font-size:12px;color:var(--muted)}.concern-report{padding-top:40px}.concern-report h2{font-size:31px;max-width:680px}.evidence{padding:16px 24px;margin:19px 0;background:#e7dfcf;border-left:2px solid #a28353}.evidence h3{margin-top:0}.evidence p:last-child{margin-bottom:0}.dimension{margin:23px 0}.axis-title{font:16px var(--serif);margin-bottom:9px}.axis-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.track{height:4px;position:relative;background:#d8cfbd;margin:12px 0}.track::after{content:"";position:absolute;left:50%;height:16px;width:1px;background:#a2835370;top:-6px}.marker{position:absolute;top:-4px;width:12px;height:12px;background:#967946;border:2px solid var(--paper);transform:translateX(-50%) rotate(45deg);z-index:1}.axis-reading{font-size:11px;color:var(--muted)}.action-report{background:#e5dcc8;border-left:3px solid #a28353}.neighbors{display:grid;grid-template-columns:1fr 1fr;gap:25px}.neighbor{border-top:1px solid #a28353;padding:22px 0}.neighbor h3{font-size:27px;margin-top:0}.neighbor p{font-size:12px;margin-bottom:10px}.sources{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.actions{display:flex;gap:12px;flex-wrap:wrap;padding:30px 65px 0}.actions button{font-size:12px;border-color:#a2835370}.result>#export-status{padding:0 65px 30px;color:var(--muted)}footer{max-width:1144px;margin:auto;border-top:1px solid #b69a6720;padding:25px 0 35px;display:flex;justify-content:space-between;font:12px var(--serif);color:#8f9588}footer span{font-size:10px}#export-modal{width:min(720px,94vw);max-height:90vh;border:1px solid var(--gold);background:var(--night);color:var(--paper);padding:22px;overflow:auto}#export-modal::backdrop{background:#000a}#export-modal img{width:100%;height:auto;display:block;margin-top:20px}.preview-tools{display:flex;align-items:center;justify-content:space-between;gap:12px}.preview-tools button{padding:7px 16px}.preview-tools strong{font-weight:500}#manual-download{display:inline-block;font-size:13px;margin-top:12px;color:var(--gold)}
@media(max-width:760px){.masthead{padding:20px 24px}.brand-text{font-size:15px}.brand-symbol{font-size:35px}.edition{font-size:11px}.edition span{font-size:8px}main{padding:35px 24px}.intro-grid{grid-template-columns:1fr;gap:42px}.intro h1{font-size:48px}.intro .eyebrow{font-size:8px;margin-bottom:22px}.intro-question{font-size:19px}.lead{font-size:13px}.stats{gap:34px}.intro .primary{width:100%;min-width:0}.arch-frame{height:400px;border-radius:200px 200px 0 0;max-width:440px;margin:auto}.art-index{top:92px}.art-caption b{font-size:33px}.hero-art figcaption{font-size:7px}.roster{grid-template-columns:1fr;gap:14px;margin-top:40px}.roster h2::before{display:inline;margin-right:10px}.roster p{font-size:13px}.gate .controls{flex-wrap:wrap}.gate input{flex:1;width:120px}.gate .primary{width:auto;min-width:0}.quiz{padding:35px 25px 27px;min-height:560px;box-shadow:6px 6px 0 #b69a6718;margin:0 -7px 10px}.inquiry-mark{right:25px;top:23px;font-size:23px}.quiz h1{font-size:23px}.quiz>.eyebrow{font-size:9px}.q-meta{font-size:10px}.option{font-size:13px;gap:12px;padding:17px 6px}.letter{font-size:16px;min-width:25px}.option::after{display:none}.nav button{font-size:12px;padding:12px 16px}.result{margin:0 -10px;box-shadow:6px 6px 0 #b69a6718}.result-head{padding:38px 28px;min-height:300px;gap:12px}.result-head .eyebrow{font-size:8px;letter-spacing:.1em}.result h1{font-size:44px}.result .tagline{font-size:18px}.stamp{width:65px;height:112px}.stamp b{font-size:37px}.stamp span{font-size:5px}.result-head .notice{font-size:9px}.result-section{padding:28px}.result-section h2{font-size:22px}.concern-report h2{font-size:26px}.result-section p{font-size:13px}.result-section .minor{font-size:11px}.evidence{padding:15px}.neighbors{grid-template-columns:1fr;gap:0}.actions{padding:25px 28px 0;gap:9px}.actions button{flex:1;min-width:120px}.result>#export-status{padding:0 28px 28px}footer{padding:24px;display:block}footer span{display:block;margin-top:7px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}@media print{body::before,.masthead,footer,.actions,button,#export-modal{display:none!important}body{background:white;color:var(--ink)}main{padding:0;max-width:none}.result{box-shadow:none;max-width:none}.result-head{background:#20241f;print-color-adjust:exact;-webkit-print-color-adjust:exact}.result-section,.neighbor{break-inside:avoid}.result h1{font-size:40px}.track,.evidence,.marker,.action-report{print-color-adjust:exact;-webkit-print-color-adjust:exact}a{text-decoration:none}}