@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600&family=EB+Garamond:ital,wght@0,400;0,500;1,400&family=Courier+Prime&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--gold: #d4af37;--gold-light: #ffd700;--gold-dim: #8b7355;--gold-faint: #3d2f1a;--bg: #050010;--bg-panel: #0a0118;--bg-dark: #06000f;--bg-darkest: #020008;--text: #e8d5b7;--text-dim: #c9b98a;--tap-min: 48px}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body,#root{height:100%}body{background:radial-gradient(ellipse at 20% 30%,#0d0221,#050010,#000005);color:var(--text);font-family:EB Garamond,Georgia,serif;min-height:100vh;overflow-x:hidden;-webkit-overflow-scrolling:touch}.app{position:relative;min-height:100vh}.star{position:fixed;border-radius:50%;background:#fff;animation:twinkle linear infinite alternate;pointer-events:none;z-index:0}@media (max-width: 480px){.star:nth-child(n+41){display:none}}@keyframes twinkle{0%{opacity:.05}to{opacity:1}}.container{max-width:880px;margin:0 auto;padding:24px 16px 80px;position:relative;z-index:1}@media (min-width: 640px){.container{padding:40px 24px 60px}}@media (min-width: 900px){.container{padding:40px 20px 60px}}@supports (padding-bottom: env(safe-area-inset-bottom)){.container{padding-bottom:calc(80px + env(safe-area-inset-bottom))}}.header{text-align:center;margin-bottom:28px}@media (min-width: 640px){.header{margin-bottom:44px}}.symbol{font-size:38px;display:block;margin-bottom:10px;animation:float 3.5s ease-in-out infinite;filter:drop-shadow(0 0 12px #d4af3780)}@media (min-width: 640px){.symbol{font-size:52px;margin-bottom:14px}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.title{font-family:Cinzel,serif;font-size:clamp(15px,5.5vw,36px);font-weight:600;letter-spacing:.06em;background:linear-gradient(90deg,#7a5a10,#d4af37,gold,#d4af37,#7a5a10);background-size:250% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 5s linear infinite;margin-bottom:8px;line-height:1.3}@media (min-width: 640px){.title{letter-spacing:.15em}}@keyframes shimmer{0%{background-position:-250% center}to{background-position:250% center}}.subtitle{color:var(--gold-dim);font-size:8px;letter-spacing:.15em;font-family:Cinzel,serif;line-height:1.6}@media (min-width: 480px){.subtitle{font-size:11px;letter-spacing:.3em}}.tabs{display:flex;justify-content:center;margin-bottom:20px}@media (min-width: 640px){.tabs{margin-bottom:32px}}.tab{min-height:var(--tap-min);flex:1;max-width:200px;padding:10px 12px;border:1px solid #d4af3740;background:transparent;color:var(--gold);font-family:Cinzel,serif;font-size:10px;letter-spacing:.06em;cursor:pointer;transition:all .3s;white-space:nowrap;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}@media (min-width: 480px){.tab{font-size:12px;letter-spacing:.1em;padding:10px 24px}}.tab:first-child{border-right:none}.tab.active{background:#d4af3718;border-color:var(--gold)}.tab:hover{background:#d4af3710}.tab:active{background:#d4af3725}.panel{border:1px solid #d4af3728;background:var(--bg-panel);padding:16px 14px;margin-bottom:18px;box-shadow:0 0 50px #d4af3708,inset 0 0 30px #00000030}@media (min-width: 640px){.panel{padding:28px;margin-bottom:24px}}.input-row{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:16px}@media (min-width: 560px){.input-row{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:22px}}.field{display:flex;flex-direction:column;gap:6px}.label{font-size:10px;color:var(--gold-dim);letter-spacing:.2em;text-transform:uppercase;font-family:Cinzel,serif}.input{background:var(--bg-dark);border:1px solid #d4af3738;color:var(--text);padding:13px 14px;font-family:EB Garamond,serif;font-size:16px;outline:none;transition:border .3s,box-shadow .3s;width:100%;min-height:var(--tap-min);border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input:focus{border-color:var(--gold);box-shadow:0 0 12px #d4af3720}.input::placeholder{color:#4a3820}.input[type=date]{color-scheme:dark}.grid-preview{margin-bottom:16px;padding:14px 10px;border:1px solid #d4af3718;background:var(--bg-dark)}@media (min-width: 640px){.grid-preview{padding:18px;margin-bottom:22px}}.grid-title{font-size:9px;color:var(--gold-dim);letter-spacing:.2em;text-align:center;margin-bottom:12px;font-family:Cinzel,serif}@media (min-width: 480px){.grid-title{font-size:10px;letter-spacing:.3em}}.loshu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:0 auto;max-width:240px;width:100%}@media (min-width: 480px){.loshu-grid{max-width:210px}}.cell{border:1px solid #2a1f0a;padding:8px 0;text-align:center;min-height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .35s}.cell.active{border-color:var(--gold);background:#d4af3712;box-shadow:inset 0 0 10px #d4af3710}.cell-num{font-size:20px;font-weight:700;color:#2a1f0a;font-family:Cinzel,serif;transition:color .35s}@media (min-width: 480px){.cell-num{font-size:22px}}.cell.active .cell-num{color:var(--gold-light)}.cell-repeat{font-size:9px;color:var(--gold);margin-top:2px}.grid-meta{text-align:center;margin-top:10px;font-size:11px;color:#5a4830;letter-spacing:.03em;line-height:1.7;word-break:break-word}.error{color:#e74c3c;font-size:13px;margin-bottom:14px;padding:10px 12px;border:1px solid #e74c3c40;background:#e74c3c10;line-height:1.5}.btn-generate{width:100%;min-height:54px;padding:14px 8px;cursor:pointer;background:linear-gradient(135deg,#150c38,#27196a);border:1px solid var(--gold);color:var(--gold-light);font-size:clamp(9px,3vw,13px);letter-spacing:.12em;font-family:Cinzel,serif;transition:all .3s;box-shadow:0 0 24px #d4af3720;-webkit-tap-highlight-color:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (min-width: 480px){.btn-generate{font-size:13px;letter-spacing:.22em}}.btn-generate:hover:not(:disabled){background:linear-gradient(135deg,#1e1250,#321f80);box-shadow:0 0 36px #d4af3740}.btn-generate:active:not(:disabled){transform:scale(.98)}.btn-generate.loading{background:#120c2a;box-shadow:none;cursor:wait;color:var(--gold-dim)}.btn-generate:disabled{opacity:.7}.result-panel{border:1px solid #d4af3738;background:var(--bg-dark);padding:44px 14px 20px;position:relative}@media (min-width: 640px){.result-panel{padding:44px 28px 28px}}.result-badge{position:absolute;top:-11px;left:50%;transform:translate(-50%);background:var(--bg-dark);padding:0 12px;color:var(--gold);font-size:9px;letter-spacing:.25em;font-family:Cinzel,serif;white-space:nowrap}@media (min-width: 480px){.result-badge{font-size:10px;letter-spacing:.35em;padding:0 18px}}.btn-copy{position:absolute;top:12px;right:12px;background:#0a0118;border:1px solid #d4af3740;color:var(--gold-dim);cursor:pointer;min-height:var(--tap-min);min-width:60px;padding:5px 12px;font-size:11px;font-family:Cinzel,serif;transition:all .2s;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.btn-copy:hover{border-color:var(--gold);color:var(--gold)}.btn-copy:active{transform:scale(.95)}.result-text{white-space:pre-wrap;font-family:Courier Prime,Courier New,monospace;font-size:clamp(11px,3.2vw,13px);line-height:1.85;color:var(--text-dim);word-break:break-word;overflow-wrap:anywhere}.api-title{font-family:Cinzel,serif;font-weight:400;color:var(--gold);letter-spacing:.1em;margin-bottom:12px;font-size:15px}@media (min-width: 640px){.api-title{font-size:16px}}.api-desc{color:var(--gold-dim);font-size:14px;line-height:1.8;margin-bottom:18px}.code-block{background:var(--bg-darkest);border:1px solid #d4af3718;padding:12px 10px;overflow-x:auto;margin-bottom:18px;-webkit-overflow-scrolling:touch}@media (min-width: 640px){.code-block{padding:20px}}.code-block pre{color:#7ec87e;font-size:11px;font-family:Courier Prime,monospace;line-height:1.75;white-space:pre;min-width:max-content}@media (min-width: 640px){.code-block pre{font-size:12px}}.api-table{border:1px solid #d4af3718;padding:14px 12px;background:var(--bg-panel)}@media (min-width: 640px){.api-table{padding:18px}}.api-title-sm{font-size:10px;color:var(--gold);letter-spacing:.25em;font-family:Cinzel,serif;margin-bottom:14px}.api-row{display:flex;gap:10px;margin-bottom:10px;font-size:12px;flex-wrap:wrap;align-items:baseline}@media (min-width: 480px){.api-row{font-size:13px;gap:16px;flex-wrap:nowrap}}.api-key{color:var(--gold-dim);min-width:80px;flex-shrink:0}@media (min-width: 480px){.api-key{min-width:110px}}.api-val{color:var(--text-dim);font-family:Courier Prime,monospace;word-break:break-all}.footer{text-align:center;margin-top:28px;color:var(--gold-faint);font-size:8px;letter-spacing:.15em;font-family:Cinzel,serif;line-height:1.8;word-break:break-word}@media (min-width: 480px){.footer{font-size:10px;letter-spacing:.3em}}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#d4af3750;border-radius:2px}