:root{color-scheme:dark;--bg:#100c15;--ink:#f3ede2;--muted:#b9acbc;--gold:#e3c67e;--line:#4b3b50}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#302038 0,transparent 60%),var(--bg);color:var(--ink);font:19px/1.6 Georgia,serif;min-height:100vh}main{max-width:740px;margin:auto;padding:35px 24px 70px}header{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:42px;font:11px/1.4 system-ui;letter-spacing:2px;color:var(--gold);text-transform:uppercase}a{color:var(--gold)}header a{text-decoration:none}h1{font-weight:normal;font-size:clamp(34px,7vw,48px);line-height:1.15;margin:12px 0 22px;overflow-wrap:anywhere}h1:focus{outline:none}h2{font-size:27px;font-weight:normal;line-height:1.3;margin:25px 0 16px}p{margin:0 0 20px}.intro{color:var(--muted);font-size:19px}.kicker{font:12px/1.5 system-ui;letter-spacing:1.7px;text-transform:uppercase;color:var(--gold)}.fine,footer{font:13px/1.6 system-ui;color:var(--muted)}.choice{display:block;width:100%;margin:12px 0;padding:20px;border:1px solid var(--line);border-radius:13px;background:#211826;text-align:left;color:var(--ink);font:20px/1.35 Georgia,serif;cursor:pointer;transition:background .15s,border-color .15s}.choice:hover,.choice:focus-visible{border-color:var(--gold);background:#302137}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.quiet{display:inline-block;padding:8px 0;margin:0 0 15px;background:none;border:0;color:var(--gold);font:15px/1.5 system-ui;cursor:pointer;text-align:left}.search-label{display:block;margin:28px 0 9px;font:14px system-ui;color:var(--gold)}input[type=search]{appearance:none;display:block;width:100%;padding:16px;border:1px solid var(--line);border-radius:10px;background:#19131e;color:var(--ink);font:17px/1.5 system-ui}input::placeholder{color:#b9acbc}.themes{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 30px}.theme{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:22px;padding:10px 14px;font:13px/1.4 system-ui;cursor:pointer}.theme[aria-pressed=true]{background:#e3c67e;color:#211826;border-color:#e3c67e}.theme:hover{border-color:var(--gold)}.count{margin-top:0}.your-question{border-left:2px solid var(--gold);padding:10px 0 10px 18px;margin:10px 0 30px;color:var(--ink);font-size:20px}.your-question small{display:block;color:var(--muted);font:12px/1.5 system-ui;margin-bottom:7px}.insight{font-size:25px;line-height:1.4;color:var(--gold)}.try{margin:28px 0;padding:24px;border:1px solid #6b5446;background:#251b25;border-radius:13px}.try p:last-child{margin-bottom:0}.card{margin:27px auto 32px;max-width:310px}.card img{display:block;width:100%;height:auto;border-radius:14px;box-shadow:0 16px 60px #0008}.card figcaption{text-align:center;color:var(--muted);font:12px/1.6 system-ui;margin-top:13px}.type-card{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;aspect-ratio:2/3;padding:30px 25px;border:1px solid #b58d52;border-radius:14px;overflow:hidden;background:radial-gradient(ellipse at 50% 34%,#6b493b88,transparent 55%),linear-gradient(145deg,#302031,#130e19 65%);box-shadow:0 16px 60px #0008}.type-card:before{content:"";position:absolute;inset:9px;border:1px solid #8b6c46;border-radius:7px;z-index:-1}.type-card:after{content:"";position:absolute;width:280px;height:280px;left:50%;top:30%;transform:translate(-50%,-50%);border:1px solid #b58d5238;border-radius:50%;z-index:-1;box-shadow:0 0 0 23px #b58d5210,0 0 0 48px #b58d5210}.type-card .mark{font:11px/1.5 system-ui;letter-spacing:3px;text-transform:uppercase;color:var(--gold)}.type-card svg{width:85px;height:85px;color:#cba566;opacity:.8;flex-shrink:0}.type-card strong{font-weight:normal;font-size:clamp(26px,6vw,35px);line-height:1.2;color:#f7e8c3;overflow-wrap:anywhere}.type-card .number{font:12px/1 system-ui;letter-spacing:4px;color:var(--gold)}.empty{padding:25px 0}.related{border-top:1px solid var(--line);margin-top:36px;padding-top:10px}footer{border-top:1px solid var(--line);padding-top:24px;margin-top:50px}footer p{margin-bottom:8px}@media(prefers-reduced-motion:no-preference){.reading{animation:arrive .25s ease-out}@keyframes arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}}@media(max-width:380px){main{padding-inline:18px}.theme{padding:9px 11px}header{letter-spacing:1px}.choice{padding:17px}}

.areas{margin:18px 0 23px;font:14px/1.5 system-ui;color:var(--gold)}.areas summary{cursor:pointer;padding:10px 0}.areas .themes{margin:12px 0}.areas summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}