@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600&display=swap');
:root{color-scheme:dark;--gold:#dfba78;--ink:#f3e3c7}*{box-sizing:border-box}body{margin:0;background:#170f0b;color:var(--ink);font-family:'Noto Serif SC',Songti SC,serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid #f5d49b;outline-offset:5px}button{border:0;background:none}a{color:inherit;text-decoration:none}.world{position:relative;min-height:850px;height:100svh;overflow:hidden;background:linear-gradient(90deg,rgba(20,13,10,.88),rgba(30,16,8,.25) 65%,rgba(20,10,5,.3)),url('public/reference.jpg') center 53%/cover}.veil{position:absolute;inset:0;background:linear-gradient(0deg,#170f0b 0%,transparent 50%,#1d120b88 100%)}header{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:36px 5%}.brand{font-size:27px;letter-spacing:8px}.brand span{display:block;font:8px Arial;letter-spacing:5px;margin-top:9px}.location{font-size:11px;letter-spacing:3px;opacity:.65}.location i{display:inline-block;background:#dbb87b;width:4px;height:4px;border-radius:50%;margin:0 18px}header button{font-size:12px;border:1px solid #c3a17d55;padding:12px 19px}header button span{margin-left:18px;color:var(--gold)}.intro{position:relative;z-index:3;margin:10vh 0 0 10%;width:530px}.eyebrow{font:9px Arial;letter-spacing:4px;color:var(--gold)}h1{font-weight:400;line-height:1.55;font-size:58px;letter-spacing:8px;margin:26px 0}.sub{font-size:14px;line-height:2.2;color:#d2bfaa;letter-spacing:2px}.primary{background:#dfbd83;color:#342517;padding:17px 25px;font-size:13px;letter-spacing:2px;transition:.3s}.primary:hover{background:#f3d49e;box-shadow:0 0 35px #d5a75533}.primary span{margin-left:40px}.intro .primary{margin-top:25px}.small{font-size:10px;line-height:1.8;color:#ae987e;margin-top:18px;letter-spacing:1px}.vertical{position:absolute;right:5%;top:29%;writing-mode:vertical-rl;letter-spacing:7px;font-size:11px;opacity:.6}.table{position:absolute;width:47%;height:160px;right:5%;bottom:14%;transform:perspective(600px) rotateX(4deg);filter:drop-shadow(0 30px 25px #000)}.tabletop{height:55px;background:linear-gradient(175deg,#805838,#3b2417);transform:skewX(-25deg);border-bottom:12px solid #26180f;box-shadow:0 -1px #d4ae6a55}.table:before,.table:after{content:'';position:absolute;top:45px;width:20px;height:120px;background:#28190f}.table:before{left:12%}.table:after{right:12%}.lamp{position:absolute;width:48px;height:75px;left:60%;top:-65px;background:linear-gradient(90deg,#a16a2e,#edc680,#996329);border-radius:40% 40% 20% 20%;border:3px solid #50351f;box-shadow:0 0 35px #efaf4d44}.lamp:after{content:'';position:absolute;bottom:-7px;left:-7px;width:56px;height:6px;background:#3b2515}.lamp.lit{box-shadow:0 0 90px 40px #ffbf5066;background:#ffe4a0}.paper{position:absolute;left:30%;top:2px;transform:skewX(-25deg);width:90px;height:30px;background:#bca67c;color:#5a432c;text-align:center}.brush{position:absolute;width:95px;height:3px;background:#24170f;left:39%;top:10px;transform:rotate(-20deg)}.people{position:absolute;right:18%;bottom:31%;display:flex;gap:50px;opacity:.8}.people i{display:block;width:27px;height:64px;background:linear-gradient(90deg,#6a5845,#b8a58a,#665340);border-radius:45% 45% 8% 8%;transform:rotate(3deg)}.people i:before{content:'';display:block;width:16px;height:20px;background:#66513d;border-radius:50%;margin:-15px auto}.people i:nth-child(2n){transform:scale(.8);margin-top:9px}.scene-caption{position:absolute;right:13%;bottom:12%;font-size:10px;letter-spacing:3px;color:#bea487}footer{position:absolute;bottom:28px;left:5%;right:5%;border-top:1px solid #a7835740;padding-top:22px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#ad977c}footer button{font-size:10px}.dust{pointer-events:none;position:absolute;inset:0}.dust i{position:absolute;width:2px;height:2px;background:#ffe3a5;border-radius:50%;animation:float 9s infinite alternate;box-shadow:0 0 5px #ffe3a5}@keyframes float{to{transform:translate(20px,-70px);opacity:.15}}dialog{color:var(--ink);background:linear-gradient(135deg,#30251c,#1d1813);border:1px solid #98784d66;padding:48px;width:min(580px,92vw);max-height:90svh;box-shadow:0 30px 150px #0008}dialog::backdrop{background:#100c09b8;backdrop-filter:blur(9px)}.close{position:absolute;right:16px;top:12px;font:26px Arial;color:#ab977d}h2{font-size:26px;font-weight:400;letter-spacing:2px}.muted{color:#b3a08a;font-size:12px;line-height:1.9}.tabs{display:flex;gap:12px;margin:30px 0 24px}.tabs button{padding:9px 21px;border:1px solid #8d735644;font-size:12px}.tabs button.active{background:#d5b57a20;color:#e6c68e;border-color:#d5b57a}label{font-size:12px;color:#cbb497}textarea{display:block;width:100%;height:165px;background:#e1cca50b;border:1px solid #9b805044;color:#ead8bc;font:15px/2 inherit;padding:16px;margin-top:12px;resize:vertical}textarea:focus{outline:1px solid #c5a26a}textarea::placeholder{color:#867560;font-size:12px}.paper-foot{display:flex;justify-content:space-between;font-size:9px;color:#9c8a72;margin:12px 0 25px}.full{width:100%}.result-lamp{font-size:66px;text-align:center;filter:drop-shadow(0 0 30px #eba244);margin:30px}#result{text-align:center}#quote{white-space:pre-wrap;overflow-wrap:anywhere;line-height:2;font-size:15px;max-height:180px;overflow:auto}.check{display:block;margin:30px 0 20px;font-size:11px}.actions{display:flex;gap:12px;justify-content:center}.secondary{border:1px solid #af916155;padding:15px;font-size:12px}#list button{display:block;text-align:left;width:100%;padding:20px 0;border-bottom:1px solid #a3834e44;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}#toast{position:fixed;bottom:35px;left:50%;transform:translateX(-50%);padding:14px 24px;background:#ead3a7;color:#35271b;z-index:20;font-size:12px;display:none}@media(max-width:700px){.world{min-height:800px;background-position:60% center}header{padding:25px 6%}.location{display:none}.brand{font-size:23px}.intro{margin:9vh 7% 0;width:86%}h1{font-size:40px;letter-spacing:5px}.sub{font-size:12px}.vertical{display:none}.table{width:65%;bottom:12%;right:8%}.people{bottom:29%;right:15%;gap:25px}.scene-caption{bottom:10%;font-size:8px}footer{font-size:8px}footer>span:nth-child(2){display:none}dialog{padding:35px 24px}.tabs{gap:8px}.tabs button{padding:9px 18px}h2{font-size:22px}.actions .primary{padding:15px}.paper-foot{font-size:8px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}