.compat-page .person{border:1px solid var(--line);border-radius:12px;padding:14px;margin-top:12px;background:rgba(5,2,15,.5)}.compat-page .person b{font-size:15px;color:#e2e8f0;display:block;margin-bottom:8px}.compat-page .dform{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:10px;gap:10px;margin:10px 0}.compat-page .dform label{font-size:12px;display:block;margin-bottom:3px;color:var(--ink-soft,#666)}.compat-page .dform input,.compat-page .dform select{width:100%;padding:7px;border:1px solid rgba(148,163,184,.3);border-radius:6px;background:rgba(15,23,42,.95);color:var(--ink);font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s;color-scheme:dark;box-sizing:border-box}.compat-page .dform input[type=time]{min-width:0;-webkit-appearance:none}.compat-page .dform select option{background:#1e2030;color:#e2e8f0}.compat-page .dform input:focus,.compat-page .dform select:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.25)}.compat-page input[type=checkbox]{width:auto;min-height:auto;height:16px;width:16px;margin:0;vertical-align:middle;accent-color:#8b5cf6}.compat-page .ig{display:block;margin:20px auto 10px;height:auto}.compat-page #go{padding:10px 22px;border-radius:8px;border:none;cursor:pointer;font-weight:700;font-family:Gowun Batang,serif;font-size:16px;letter-spacing:.15em;background:linear-gradient(135deg,#1e1b4b,#312e81,#1e1b4b);color:#fff;box-shadow:0 4px 12px rgba(99,102,241,.4),inset 0 1px 0 rgba(255,255,255,.15);text-shadow:0 1px 2px rgba(0,0,0,.2);transition:all .2s}.compat-page #go:hover{background:linear-gradient(135deg,#312e81,#3730a3,#312e81);box-shadow:0 6px 20px rgba(99,102,241,.5)}.compat-page #result h2{font-family:Gowun Batang,Nanum Myeongjo,serif;border-bottom:1px solid var(--line);padding-bottom:6px}.compat-page #result>.rel-list{display:flex;flex-direction:column;gap:12px}.compat-page #result .rel{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 18px;font-size:15px;line-height:1.8;width:100%;box-sizing:border-box}.compat-page #result .rel>div+div{margin-top:14px;padding-top:14px;border-top:1px dashed var(--line)}.compat-page #result b{color:#e2e8f0}.compat-page svg.ig{overflow:visible}.compat-page svg[aria-label="핵심요약 레이더"]{max-width:95%}.compat-page svg[aria-label="오행 상보"],.compat-page svg[aria-label="일간 캐미"],.compat-page svg[aria-label="자극 매트릭스"],.compat-page svg[aria-label="핵심요약 게이지"]{max-width:100%}@media (max-width:359px){.compat-page .dform{grid-template-columns:1fr;gap:6px}.compat-page .dform input,.compat-page .dform select{font-size:14px;padding:8px;min-height:40px}.compat-page #go{width:100%;padding:10px;font-size:14px;letter-spacing:.1em}.compat-page h1{font-size:20px!important}.compat-page .person{padding:10px}.compat-page #result .rel{padding:12px 10px;font-size:13px}}@media (min-width:360px) and (max-width:639px){.compat-page .dform{grid-template-columns:1fr;gap:8px}.compat-page .dform input,.compat-page .dform select{min-height:44px;font-size:15px;padding:9px 10px}.compat-page #go{width:100%;padding:12px;font-size:15px}.compat-page h1{font-size:24px!important}.compat-page #result .rel{padding:14px 12px;font-size:13.5px}}@media (min-width:640px) and (max-width:1199px){.compat-page .dform{grid-template-columns:repeat(3,1fr);gap:12px}.compat-page .dform input,.compat-page .dform select{min-height:44px;font-size:15px;padding:8px 10px}.compat-page #go{padding:12px 28px;font-size:16px}.compat-page h1{font-size:28px!important}.compat-page #result .rel{padding:18px 20px;font-size:15.5px}.compat-page #result .muted{font-size:14px}}@media (min-width:1200px){.compat-page .dform{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.compat-page .dform label{font-size:13px}.compat-page .dform input,.compat-page .dform select{min-height:46px;font-size:15px;padding:10px 12px}.compat-page #go{padding:13px 32px;font-size:17px;letter-spacing:.2em}.compat-page h1{font-size:32px!important}.compat-page .muted{font-size:14.5px}.compat-page #result .rel{padding:22px 28px;font-size:16.5px;line-height:1.85}.compat-page #result .rel b{font-size:17px}.compat-page #result .muted{font-size:14.5px;line-height:1.75}.compat-page #result h2{font-size:22px}}@media (min-width:1440px){.compat-page .dform{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.compat-page #go{padding:14px 36px;font-size:18px}}