*{margin:0;padding:0;box-sizing:border-box}:root{--bg:#0d0f14;--panel:#151823;--panel-2:#1b1f2e;--line:#2a2f42;--text:#e8e6df;--muted:#9a97a8;--gold:#d4af6a;--wood:#6fbf8f;--fire:#e2705f;--earth:#c9a25e;--metal:#b9c0cc;--water:#6f9fd4}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6;min-height:100vh}.wrap{max-width:640px;margin:0 auto;padding:48px 20px 80px}.hero{text-align:center;margin-bottom:40px}.brand{color:var(--gold);font-size:.8rem;letter-spacing:.35em;margin-bottom:14px;font-weight:600}.hero h1{font-family:Georgia,Times New Roman,serif;font-size:2.1rem;font-weight:500;letter-spacing:.01em;margin-bottom:12px}.hero h1 em{color:var(--gold);font-style:normal}.hero p{color:var(--muted);font-size:.98rem;max-width:460px;margin:0 auto}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:28px 24px}.field{margin-bottom:18px}.field label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:6px}.field input,.field select,.field textarea{width:100%;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;color:var(--text);padding:12px 14px;font-size:1rem;outline:none;font-family:inherit}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold)}.row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.checkline{display:flex;align-items:center;gap:8px;margin-top:8px}.checkline input{width:auto}.checkline span{font-size:.85rem;color:var(--muted)}.citybox{position:relative}.suggest{position:absolute;top:100%;left:0;right:0;z-index:10;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;margin-top:4px;overflow:hidden}.suggest button{display:block;width:100%;text-align:left;background:none;border:none;color:var(--text);padding:10px 14px;font-size:.95rem;cursor:pointer}.suggest button:hover{background:var(--panel)}.suggest .tz{color:var(--muted);font-size:.8rem;margin-left:6px}.cta{width:100%;background:var(--gold);color:#1a1508;border:none;border-radius:12px;padding:15px;font-size:1.05rem;font-weight:600;cursor:pointer;margin-top:8px}.cta:disabled{opacity:.55;cursor:wait}.hint{color:var(--muted);font-size:.8rem;margin-top:12px}.error,.hint{text-align:center}.error{color:var(--fire);font-size:.9rem;margin-top:10px}.result{margin-top:36px}.pillars{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;margin:20px 0}.pillar{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:14px 6px;text-align:center}.pillar .slot{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.pillar .hanja{font-family:Georgia,serif;font-size:1.6rem;margin:6px 0 2px}.pillar .el{font-size:.75rem}.el-Wood{color:var(--wood)}.el-Fire{color:var(--fire)}.el-Earth{color:var(--earth)}.el-Metal{color:var(--metal)}.el-Water{color:var(--water)}.bars{margin:22px 0}.bar{display:grid;grid-template-columns:56px 1fr 24px;grid-gap:10px;gap:10px;align-items:center;margin-bottom:8px;font-size:.85rem}.bar .track{background:var(--panel-2);border-radius:6px;height:10px;overflow:hidden}.bar .fill{height:100%;border-radius:6px}.f-Wood{background:var(--wood)}.f-Fire{background:var(--fire)}.f-Earth{background:var(--earth)}.f-Metal{background:var(--metal)}.f-Water{background:var(--water)}.reading{margin-top:26px}.reading h3{font-family:Georgia,serif;font-weight:500;color:var(--gold);font-size:1.15rem;margin:22px 0 8px}.reading p{margin-bottom:12px;font-size:.98rem}.disclaimer{color:var(--muted);font-size:.78rem;margin-top:24px;text-align:center}.share{width:100%;background:none;border:1px solid var(--gold);color:var(--gold);border-radius:12px;padding:13px;font-size:1rem;cursor:pointer;margin-top:22px}.share:hover{background:rgba(212,175,106,.08)}.products{margin-top:40px}.products h2{font-family:Georgia,serif;font-weight:500;text-align:center;font-size:1.5rem;margin-bottom:6px}.products-sub{text-align:center;color:var(--muted);font-size:.9rem;margin-bottom:20px}.prodgrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}@media (max-width:560px){.prodgrid{grid-template-columns:1fr}}.prod{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:8px}.prod-head{display:flex;justify-content:space-between;align-items:baseline}.prod-name{font-family:Georgia,serif;font-size:1.05rem}.prod-price{color:var(--gold);font-weight:600}.prod p{font-size:.88rem;flex:1 1}.prod p,.prod-cta{color:var(--muted)}.prod-cta{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:10px;font-size:.9rem;cursor:not-allowed}.prod-link{color:inherit;text-decoration:none;transition:border-color .15s ease}.prod-link:hover{border-color:var(--gold)}.prod-cta-live{background:var(--panel-2);border:1px solid var(--line);color:var(--gold);border-radius:10px;padding:10px;font-size:.9rem;text-align:center;cursor:pointer}.prod-link:hover .prod-cta-live{border-color:var(--gold)}.faq{margin-top:48px}.faq h2{font-family:Georgia,serif;font-weight:500;text-align:center;font-size:1.4rem;margin-bottom:16px}.faq details{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin-bottom:10px}.faq summary{cursor:pointer;font-size:.98rem}.faq details p{color:var(--muted);font-size:.92rem;margin-top:10px}.footer{margin-top:48px;text-align:center;font-size:.82rem}.footer,.footer a{color:var(--muted)}.footer a{text-decoration:underline}.footer span{margin:0 8px}.footer p{margin-top:8px;font-size:.75rem}.muted{color:var(--muted);font-size:.95rem}.detail-hero{display:flex;flex-direction:column;align-items:center;gap:6px}.detail-hero h1{font-family:Georgia,Times New Roman,serif;font-size:2rem;font-weight:500;letter-spacing:.01em;text-align:center;margin-top:6px}.detail-hero p em{color:var(--gold);font-style:normal}.detail-hero p{color:var(--muted);max-width:480px;margin:0 auto}.detail-hero p:first-of-type{color:var(--text);font-size:1.05rem}.price-badge{color:var(--gold);font-family:Georgia,serif;font-size:1.6rem;font-weight:600;margin:10px 0}.whats{margin-top:44px}.whats h2{font-family:Georgia,serif;font-weight:500;text-align:center;font-size:1.4rem;margin-bottom:18px}.whats-item{display:flex;gap:16px;align-items:flex-start;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin-bottom:12px}.whats-num{font-family:Georgia,serif;color:var(--gold);font-size:1.1rem;font-weight:600;flex-shrink:0}.whats-item h3{font-family:Georgia,serif;font-weight:500;font-size:1rem;margin-bottom:4px}.whats-item p{color:var(--muted);font-size:.92rem}.sample-section{margin-top:44px}.sample-section h2{font-family:Georgia,serif;font-weight:500;text-align:center;font-size:1.4rem;margin-bottom:10px}.sample-section>p.muted{text-align:center;margin-bottom:16px}.sample{background:var(--panel-2);border-left:3px solid var(--gold);border-radius:4px;padding:18px 20px}.sample p{font-size:.98rem;margin-bottom:12px}.sample p:last-child{margin-bottom:0}.cta-card{margin-top:44px;text-align:center}.cta-card .price-badge{font-size:2rem}.crosslink-section{margin-top:48px}.crosslink-section h2{font-family:Georgia,serif;font-weight:500;text-align:center;font-size:1.3rem;margin-bottom:16px}.crosslink{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}@media (max-width:560px){.crosslink{grid-template-columns:1fr}}.crosslink-card{display:flex;flex-direction:column;gap:4px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px;color:inherit;text-decoration:none;transition:border-color .15s ease}.crosslink-card:hover{border-color:var(--gold)}.crosslink-name{font-family:Georgia,serif;font-size:.95rem}.crosslink-price{color:var(--gold);font-size:.85rem;font-weight:600}.order-form{margin-top:22px}.person-block{margin-bottom:24px}.person-block h3{font-family:Georgia,serif;font-weight:500;color:var(--gold);font-size:1.05rem;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--line)}.reading-status{text-align:center;color:var(--muted);font-size:.95rem;margin:60px 0;padding:20px}.reading-status .sub{font-size:.85rem;margin-top:8px}.bookmark-notice{background:var(--panel-2);border:1px solid var(--gold);border-radius:12px;padding:14px 18px;font-size:.88rem;color:var(--text);text-align:center;margin-bottom:28px}.legal h1{font-family:Georgia,serif;font-weight:500;font-size:1.7rem;margin-bottom:4px}.legal-date{color:var(--muted);font-size:.82rem;margin-bottom:24px}.legal h2{font-family:Georgia,serif;font-weight:500;color:var(--gold);font-size:1.1rem;margin:22px 0 8px}.legal p{font-size:.95rem;margin-bottom:10px}.legal a{color:var(--gold)}.notice{background:var(--panel-2);border:1px dashed var(--line);border-radius:10px;padding:14px;color:var(--muted);font-size:.9rem;margin-top:20px}