:root{--bg: #1a1207;--bg2: #241808;--card: #2e200e;--card2: #3a2a14;--gold: #d4a94e;--gold2: #e8c877;--cream: #f2e2bd;--muted: #b89a63;--terra: #c46a3a;--deep: #0e0a04;--line: #5a4522}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:radial-gradient(1200px 800px at 70% -10%,#3a2710 0%,var(--bg) 55%,var(--deep) 100%);color:var(--cream);min-height:100vh;padding:20px 16px 60px;background-attachment:fixed}.wrap{max-width:860px;margin:0 auto}header{text-align:center;padding:22px 0 10px}header h1{font-size:clamp(2rem,6vw,3.2rem);letter-spacing:2px;font-weight:800;color:var(--gold2);text-shadow:0 2px 0 #000,0 0 30px rgba(212,169,78,.25)}header .sub{color:var(--muted);letter-spacing:4px;text-transform:uppercase;font-size:.8rem;margin-top:6px}header .tag{color:var(--terra);font-style:italic;margin-top:8px;font-size:.95rem}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}@media (max-width: 640px){.grid{grid-template-columns:1fr}}.panel{background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 8px 24px #00000073,inset 0 1px #ffffff0a}.panel h2{color:var(--gold);font-size:1.05rem;letter-spacing:1px;text-transform:uppercase;margin-bottom:6px;display:flex;align-items:center;gap:8px}.panel .hint{color:var(--muted);font-size:.8rem;margin-bottom:14px}textarea{width:100%;background:var(--deep);border:1px solid var(--line);color:var(--cream);border-radius:10px;padding:12px;font-size:.95rem;resize:vertical;min-height:78px;font-family:inherit}textarea:focus{outline:none;border-color:var(--gold)}.btn{display:block;width:100%;margin-top:14px;background:linear-gradient(180deg,var(--gold2),var(--gold));color:#2a1c06;font-weight:700;font-size:1rem;border:none;border-radius:12px;padding:14px;cursor:pointer;letter-spacing:1px;box-shadow:0 4px 14px #d4a94e4d;transition:transform .1s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d4a94e73}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.error{color:#e08a6a;font-size:.82rem;margin-top:10px}.greeting-note{color:var(--muted);font-style:italic;font-size:.82rem;margin-top:12px;line-height:1.5}.intro{margin-top:20px;padding:22px 22px 20px;background:linear-gradient(180deg,#241808,#1a1207);border:1px solid var(--line);border-top:2px solid var(--gold);border-radius:14px}.intro h2{color:var(--gold2);font-size:1.15rem;letter-spacing:1px;margin-bottom:12px}.intro p{color:var(--cream);font-size:.95rem;line-height:1.7;margin-bottom:12px}.intro p:last-child{margin-bottom:0}.intro strong{color:var(--gold2)}.intro .intro-note{color:var(--muted);font-size:.83rem;font-style:italic;line-height:1.55;border-left:2px solid var(--terra);padding-left:12px}.how-list{list-style:none;counter-reset:step}.how-list li{counter-increment:step;position:relative;padding:0 0 14px 38px;color:var(--cream);font-size:.92rem;line-height:1.65}.how-list li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--gold);font-weight:700;font-size:.85rem}.how-list li strong,.how-list .o,.how-list .c{color:var(--gold2)}.board{background:radial-gradient(500px 300px at 50% 30%,#3a2410,var(--deep));border:1px solid var(--line);border-radius:14px;min-height:300px;padding:18px;position:relative;overflow:hidden}.board:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(212,169,78,.06) 1px,transparent 1px);background-size:22px 22px;pointer-events:none}.board .empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--muted);font-style:italic;font-size:.9rem;text-align:center;padding:20px}.strings{position:relative;z-index:2}.string{display:flex;justify-content:center;gap:10px;margin:10px 0;align-items:center}.string .slabel{width:84px;color:var(--gold);font-weight:600;font-size:.72rem;text-align:right;padding-right:10px;line-height:1.2;flex:0 0 84px;letter-spacing:.5px;white-space:nowrap}.seed{width:38px;height:50px;border-radius:50% 50% 46% 46%;position:relative;box-shadow:0 4px 8px #00000080;transition:transform .5s cubic-bezier(.2,.9,.3,1.3),background .4s}.seed.open{background:radial-gradient(circle at 40% 30%,#2b1a0a,#1a0f05);border:1px solid #6b4a1e}.seed.closed{background:radial-gradient(circle at 45% 35%,#e8c877,#9a5f1e);box-shadow:0 4px 10px #e8c87740}.seed .face{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50% 50% 44% 44%;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:800}.seed.open .face{background:#00000073;color:#caa36a}.seed.closed .face{background:#78461433;color:#3a2408}.seed.flying{animation:fly .5s cubic-bezier(.2,.8,.3,1.4)}@keyframes fly{0%{transform:translateY(0) scale(1)}40%{transform:translateY(-90px) scale(1.15) rotate(180deg)}to{transform:translateY(0) scale(1) rotate(360deg)}}.casting-note{text-align:center;color:var(--muted);font-style:italic;font-size:.8rem;margin-top:18px}.reading{background:linear-gradient(180deg,#33250f,#241808);border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:12px;padding:18px;margin-top:20px;animation:fadein .6s}@keyframes fadein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.reading .sigils{color:var(--muted);font-size:.75rem;letter-spacing:3px;margin-bottom:8px;text-transform:uppercase}.reading .words{color:var(--gold2);font-weight:700;font-size:1.3rem;letter-spacing:1px;margin-bottom:6px}.reading .domain{color:var(--terra);font-style:italic;font-size:.85rem;margin-bottom:12px}.reading .summary{background:linear-gradient(180deg,#3a2c12,#2a1d0a);border:1px solid var(--gold);border-radius:10px;padding:14px 16px;margin-bottom:14px;box-shadow:0 0 18px #d4a94e26,inset 0 1px #ffffff0d}.reading .sumlabel{display:inline-block;color:#2a1c06;background:linear-gradient(180deg,var(--gold2),var(--gold));font-size:.68rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:3px 10px;border-radius:20px;margin-bottom:10px}.reading .sumbody{color:var(--cream);font-size:.95rem;line-height:1.6}.reading .sumq{color:var(--gold2);font-weight:700}.reading .sumaction{color:var(--cream);font-size:.9rem;line-height:1.6;margin-top:8px;padding-top:8px;border-top:1px dashed var(--line)}.reading .sumaction b{color:var(--terra)}.dibia-voice{background:radial-gradient(400px 200px at 50% 0%,#3a2410,#1a1207);border:1px solid var(--gold);border-radius:12px;padding:18px;margin:14px 0;box-shadow:0 0 24px #d4a94e1f}.dibia-label{color:var(--gold2);font-size:.72rem;letter-spacing:2px;text-transform:uppercase;margin-bottom:12px}.dibia-voice p{color:var(--cream);font-size:1.05rem;line-height:1.75;font-style:italic}.reading .note{margin-top:14px;padding-top:12px;border-top:1px dashed var(--line);color:var(--muted);font-size:.78rem;font-style:italic;line-height:1.5}.sixteen-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}@media (max-width: 640px){.sixteen-grid{grid-template-columns:repeat(2,1fr)}}.ref-card{background:var(--card2);border:1px solid var(--line);border-radius:10px;padding:10px}.ref-card .pat{color:var(--line);font-size:.68rem;letter-spacing:1px}.ref-card .w{color:var(--gold2);font-weight:700;font-size:.95rem;margin-top:4px}.ref-card .d{color:var(--terra);font-size:.72rem;margin-top:2px;line-height:1.3}.ref-card .m{color:var(--cream);font-size:.78rem;margin-top:6px;font-style:italic;line-height:1.4}.reading .pair-line{color:var(--muted);font-size:.86rem;line-height:1.55;margin:8px 0 4px}.reading .pair-line strong{color:var(--gold2)}.reading .pair-line em{color:var(--terra);font-style:italic}.glossary{display:flex;flex-direction:column;gap:10px}.gloss-item{padding-bottom:10px;border-bottom:1px dashed var(--line)}.gloss-item:last-child{border-bottom:none;padding-bottom:0}.gloss-item dt{color:var(--gold2);font-weight:700;font-size:.9rem;margin-bottom:3px}.gloss-item dd{color:var(--cream);font-size:.85rem;line-height:1.55;margin:0}.gloss-item dd em{color:var(--terra);font-style:italic}