:root{--paper:#f7f3ea;--ink:#101c36;--gold:#d7a650;--gold-soft:#eee1c8}
.deep-sheet{overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin;scrollbar-color:#9e793e #ece1ca}.deep-sheet:before{display:none!important}.deep-sheet::-webkit-scrollbar{width:11px}.deep-sheet::-webkit-scrollbar-track{background:#ece1ca;border-left:1px solid rgba(215,166,80,.28)}.deep-sheet::-webkit-scrollbar-thumb{background:linear-gradient(#cba15d,#806139);border:3px solid #ece1ca;border-radius:99px}.deep-sheet::-webkit-scrollbar-thumb:hover{background:linear-gradient(#ddb56e,#9a7645)}
.modal-open{overflow:hidden}.deep-trigger{display:block;margin:16px auto 0;border:0;background:transparent;color:var(--ink);font:500 13px var(--sans);letter-spacing:.04em;cursor:pointer}.deep-trigger span{color:var(--gold);margin-left:7px;font-size:17px}.deep-modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:28px;background:rgba(1,10,28,.76);backdrop-filter:blur(7px)}.deep-sheet{position:relative;width:min(740px,100%);max-height:calc(100svh - 56px);overflow:auto;background:linear-gradient(135deg,#fcf9f1,#f0e6d4);border:1px solid rgba(215,166,80,.75);box-shadow:0 35px 110px rgba(0,0,0,.5);padding:62px clamp(30px,7vw,82px) 52px;color:var(--ink)}.deep-sheet:before{content:"";position:absolute;inset:14px;border:1px solid rgba(215,166,80,.3);pointer-events:none}.deep-sheet .close{z-index:1}.deep-sheet h2{font:500 clamp(30px,4vw,42px) var(--serif);line-height:1.45;margin:0 0 26px;position:relative}.deep-context{position:relative;white-space:pre-line;font:400 18px/2 var(--serif);color:#39445b;padding:20px 0}.deep-rule{position:relative;width:56px;height:1px;background:var(--gold);margin:22px 0}.deep-reflection{position:relative;white-space:pre-line;font:400 19px/2.05 var(--serif);color:#202d46;margin:0 0 36px}.deep-sheet .button{position:relative;border-radius:999px}.deep-sheet .eyebrow{position:relative}
body{letter-spacing:.01em}.app-shell{background-image:linear-gradient(90deg,rgba(4,13,30,.82),rgba(4,13,30,.22)),url('hero-path.png')}.app-shell:after{content:"";position:fixed;inset:0;background:linear-gradient(180deg,rgba(1,10,27,.08),rgba(1,10,27,.38));pointer-events:none;z-index:-1}
.nav{max-width:1100px}.brand{font-size:18px;letter-spacing:.14em}.landing{max-width:1100px}.landing-copy{max-width:780px}.landing h1{font-size:clamp(48px,4.2vw,68px);line-height:1.42;text-shadow:0 8px 28px rgba(0,0,0,.18)}.landing-copy>p:not(.eyebrow){max-width:560px;font-size:16px;line-height:2;color:rgba(255,255,255,.82)}.landing-copy>p span{color:#f4d9a2}.button{border-radius:0;letter-spacing:.05em;padding:13px 21px}.button.primary{background:var(--gold);box-shadow:0 8px 20px rgba(215,166,80,.17)}.button.primary i{font-style:normal;margin-left:8px;font-size:18px}.panel{width:min(660px,calc(100% - 36px));background:rgba(250,247,240,.985);border:1px solid rgba(215,166,80,.55);box-shadow:0 30px 100px rgba(0,0,0,.35);padding:42px 42px 34px}.panel:before{content:"";display:block;width:38px;height:1px;background:var(--gold);margin-bottom:18px}.panel h2{font-size:30px;letter-spacing:.035em}.intro{font-size:13px}.close{font-size:24px}.category-row{gap:0;border-bottom:1px solid rgba(16,28,54,.13);margin:24px 0 12px}.method-category{padding:10px 4px;font-family:var(--serif);font-size:14px}.method-category:focus,.method:focus,.topic:focus,.gender:focus{outline:none}.method-category.selected{border-bottom:2px solid var(--gold);color:var(--ink)}.method-row{gap:0;border-top:1px solid rgba(16,28,54,.13);border-left:1px solid rgba(16,28,54,.13);margin-top:0}.method{min-height:52px;border:0;border-right:1px solid rgba(16,28,54,.13);border-bottom:1px solid rgba(16,28,54,.13);background:transparent;font-family:var(--serif);letter-spacing:.05em}.method:hover{background:#f0e4cd}.method.selected{background:var(--ink);color:#f3cc7c}.requirements{background:transparent;border-left:2px solid var(--gold);padding:8px 12px;color:#795e31}.topic-row{gap:7px}.topic,.gender{border-radius:0;border:1px solid rgba(16,28,54,.16);background:transparent}.topic.selected,.gender.selected{background:var(--gold);border-color:var(--gold)}input,textarea{border:0!important;border-bottom:1px solid rgba(16,28,54,.24)!important;background:transparent!important;padding:9px 2px!important;border-radius:0!important}textarea{border:1px solid rgba(16,28,54,.16)!important;padding:12px!important}.wide{margin-top:24px}.notice{border-top:1px solid rgba(16,28,54,.1);padding-top:12px}.result{width:min(710px,calc(100% - 36px));padding:40px}.result-heading h2{font-size:31px}.result-list{gap:0;background:transparent;border-top:1px solid rgba(16,28,54,.15)}.result-list article{box-shadow:none;border-top:0;border-bottom:1px solid rgba(16,28,54,.15);padding:18px 20px}.result-list .turn{background:var(--ink)!important}.deep-reading{border-bottom:1px solid rgba(16,28,54,.15);padding:12px 0;margin:0}.deep-reading .reflection{line-height:1.8;color:#4e5768}.feedback{padding-top:14px;border:0}.feedback-button{border-radius:0;background:transparent}.result-actions{margin-top:8px}.result-actions .button{border-radius:999px}.card-frame{width:280px;margin-top:20px;border:1px solid rgba(215,166,80,.75);padding:7px;background:#0c1730}.card-frame .card-preview{filter:brightness(.72) saturate(.9)}.card-copy{inset:auto 14px 14px;padding:10px 8px 6px;background:linear-gradient(transparent,rgba(2,9,23,.9));text-shadow:none}.card-copy span{font-size:10px;letter-spacing:.2em}.card-copy strong{font-size:13px;line-height:1.55;max-height:3.1em;overflow:hidden}.disclaimer{font-size:11px}
@media(max-width:620px){.panel{padding:30px 24px}.landing h1{font-size:43px}.landing-copy>p:not(.eyebrow){font-size:15px}.method{min-height:46px}.result{padding:28px 22px}}
