*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f4efe4;--bg-deep:#ede6d6;--panel:#faf6ec;--panel2:#efe8d8;--text:#2f2b26;--sub:#8a8175;--line:#d9d0bd;--line-strong:#b8ac93;--seal:#a63e2e;--gold:#a08234;--wood:#4e7e64;--fire:#b3543f;--earth:#a3823c;--metal:#7d7f85;--water:#3f5d7d}body{background:radial-gradient(ellipse at 20% 0,rgba(255,255,255,.55),transparent 55%),var(--bg);color:var(--text);font-family:"Noto Serif KR",Nanum Myeongjo,AppleMyungjo,Apple SD Gothic Neo,serif;min-height:100vh}body:before{content:"風水地理";top:6vh;right:3vw;font-size:clamp(84px,13vw,170px);font-weight:600;letter-spacing:.22em;color:rgba(47,43,38,.045)}body:after,body:before{position:fixed;writing-mode:vertical-rl;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:0}body:after{content:"五行";bottom:5vh;left:2.5vw;font-size:clamp(56px,7vw,96px);font-weight:700;letter-spacing:.15em;color:rgba(166,62,46,.05)}main{position:relative;z-index:1}.container{max-width:1080px;margin:0 auto;padding:28px 16px 64px}h1{font-size:1.55rem;margin-bottom:6px;letter-spacing:.01em;display:flex;gap:10px}.seal,h1{font-weight:700;align-items:center}.seal{display:inline-flex;justify-content:center;width:34px;height:34px;border-radius:6px;background:var(--seal);color:#f6efe2;font-size:.82rem;line-height:1.05;text-align:center;box-shadow:inset 0 0 0 1.5px rgba(246,239,226,.35);letter-spacing:0}.tagline{color:var(--sub);font-size:.88rem;margin-bottom:26px}.search-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.search-box{flex:1 1;min-width:240px;position:relative}.search-box input[type=text]{width:100%;padding:12px 14px;border-radius:4px;color:var(--text);font-size:1rem;font-family:inherit}.search-box input[type=text],.suggest{border:1px solid var(--line-strong);background:var(--panel)}.suggest{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:400;list-style:none;border-radius:4px;box-shadow:0 10px 24px -12px rgba(47,43,38,.4);max-height:320px;overflow-y:auto}.suggest li{padding:10px 13px;cursor:pointer;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:2px}.suggest li:last-child{border-bottom:none}.suggest li:hover{background:var(--panel2)}.suggest li b{font-size:.9rem}.suggest li span{font-size:.76rem;color:var(--sub)}.search-row input[type=text]:focus{outline:none;border-color:var(--gold)}.search-row button{padding:12px 26px;border-radius:4px;border:1px solid #26231f;cursor:pointer;background:#33302a;color:#f2ecdd;font-size:1rem;font-weight:600;font-family:inherit;letter-spacing:.14em}.search-row button:hover{background:#43403a}.search-row button:disabled{opacity:.5;cursor:wait}.radius-row{display:flex;align-items:center;gap:12px;margin-bottom:28px;color:var(--sub);font-size:.9rem}.radius-row input[type=range]{flex:1 1;accent-color:var(--seal)}.radius-value{min-width:72px;text-align:right;color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.error{background:#f3e3de;border:1px solid #cfa093;color:#8a4335;padding:12px 16px;border-radius:4px;margin-bottom:16px}.grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.grid>*{min-width:0}@media (max-width:860px){.grid{grid-template-columns:1fr}}body,html{max-width:100%;overflow-x:hidden}.panel{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:22px;box-shadow:0 1px 0 rgba(47,43,38,.04),0 6px 18px -12px rgba(47,43,38,.25)}.panel h2{font-size:.95rem;margin-bottom:16px;color:var(--sub);font-weight:600;letter-spacing:.06em;border-bottom:1px solid var(--line);padding-bottom:8px}.cards{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin:18px 0}.card{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:14px 12px;text-align:center}.card .label{font-size:.76rem;color:var(--sub);margin-bottom:5px;letter-spacing:.08em}.card .value{font-size:1.2rem;font-weight:700}.bar-row{display:flex;align-items:center;gap:10px;margin-bottom:11px}.bar-label{width:62px;font-size:.9rem}.bar-track{flex:1 1;height:10px;background:var(--bg-deep);border-radius:0;border:1px solid var(--line)}.bar-fill{height:100%;transition:width .5s ease;opacity:.85}.bar-score{width:88px;text-align:right;font-size:.85rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bar-grade{color:var(--sub);font-size:.78rem}.toggle{display:inline-flex;border:1px solid var(--line-strong);border-radius:4px;overflow:hidden;margin-bottom:12px}.toggle button{padding:6px 14px;border:none;background:transparent;color:var(--sub);cursor:pointer;font-size:.82rem;font-family:inherit}.toggle button.active{background:#33302a;color:#f2ecdd;font-weight:600}.map{width:100%;height:380px;border-radius:6px;border:1px solid var(--line-strong);background:var(--panel2)}.map-msg{display:flex;align-items:center;justify-content:center;text-align:center;color:var(--sub);font-size:.84rem;line-height:1.8;padding:16px}.region-note{font-size:.82rem;color:var(--sub);line-height:1.7;margin-top:14px;border-top:1px dashed var(--line-strong);padding-top:11px}.region-top{margin-top:0;margin-bottom:16px;border-top:none;padding-top:0;border-bottom:1px dashed var(--line-strong);padding-bottom:12px}.region-verdict{margin-top:9px;padding:9px 11px;background:var(--bg-deep);border-left:3px solid var(--seal);border-radius:2px;color:var(--text);font-size:.84rem;line-height:1.75;word-break:keep-all;overflow-wrap:anywhere}.region-note a{color:var(--water)}.badge{display:inline-block;padding:1px 9px;border-radius:2px;font-size:.72rem;margin-right:6px;background:var(--panel2);color:var(--sub);border:1px solid var(--line)}.footnote{margin-top:30px;color:#a29a8b;font-size:.78rem;line-height:1.8}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}.bd-table{width:100%;border-collapse:collapse;font-size:.8rem;margin-bottom:14px}.bd-table td,.bd-table th{padding:6px;border-bottom:1px solid var(--line);text-align:left}.bd-table th{color:var(--sub);font-weight:600}.bd-table td:nth-child(n+2){font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bd-table tbody td:nth-child(n+2):not([colspan]),.bd-table thead th:nth-child(n+2){text-align:right}.bd-sum td{border-top:2px solid var(--line-strong)}.bd-title{font-size:.8rem;color:var(--sub);font-weight:600;margin:14px 0 7px;letter-spacing:.05em}.bd-formula code{display:block;background:var(--bg-deep);border:1px solid var(--line);border-radius:4px;padding:8px 10px;font-size:.72rem;line-height:1.55;color:#4d463c;margin-bottom:6px;overflow-x:auto;white-space:nowrap}.pct{font-size:.68rem;color:var(--sub);margin-left:4px;white-space:nowrap}.dot{display:inline-block;width:8px;height:8px;margin-right:6px;opacity:.85}.dot,.qmark{border-radius:50%;vertical-align:1px}.qmark{position:relative;display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;margin-left:5px;background:var(--panel2);border:1px solid var(--line-strong);color:var(--sub);font-size:.6rem;font-weight:700;cursor:help}.qmark:hover{background:var(--line)}.qmark:after{content:attr(data-tip);position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);width:230px;padding:10px 12px;border-radius:4px;background:#33302a;border:1px solid #26231f;color:#efe9db;font-size:.74rem;font-weight:400;line-height:1.6;text-align:left;white-space:normal;word-break:keep-all;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .08s ease;z-index:500}.qmark:focus:after,.qmark:hover:after{opacity:1;visibility:visible}.card:first-child .qmark:after{left:0;transform:none}.card:last-child .qmark:after{left:auto;right:0;transform:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.reveal-1{animation:fadeUp .55s ease-out .25s both}.reveal-2{animation:fadeUp .6s ease-out .5s both}.radar-main{transform-box:view-box;transform-origin:50% 50%;animation:bloom .9s cubic-bezier(.2,.9,.3,1) .6s both}@keyframes bloom{0%{transform:scale(.12);opacity:0}to{transform:none;opacity:1}}.bar-fill{transform-origin:left center;animation:growX .7s cubic-bezier(.25,.9,.3,1) .7s both}.bar-row:nth-child(2) .bar-fill{animation-delay:.78s}.bar-row:nth-child(3) .bar-fill{animation-delay:.86s}.bar-row:nth-child(4) .bar-fill{animation-delay:.94s}.bar-row:nth-child(5) .bar-fill{animation-delay:1.02s}@keyframes growX{0%{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.bar-fill,.radar-main,.reveal-1,.reveal-2{animation:none}}.overlay{position:fixed;inset:0;z-index:1000;background:rgba(244,239,228,.82);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;cursor:wait}.spinner{width:52px;height:52px;border-radius:50%;border:3.5px solid rgba(47,43,38,.15);border-top-color:#33302a;animation:spin 1.1s cubic-bezier(.45,.1,.4,.9) infinite}.overlay-text{color:var(--text);font-size:.95rem;letter-spacing:.3em;margin-left:.3em}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:640px){.container{padding:16px 10px 48px}h1{font-size:1.18rem;gap:8px}.seal{width:30px;height:30px;font-size:.74rem;flex-shrink:0}.tagline{font-size:.8rem;margin-bottom:16px}body:before{font-size:72px;top:4vh;right:2vw;color:rgba(47,43,38,.035)}body:after{display:none}.search-box{min-width:0;flex:1 1 100%}.search-box input[type=text]{font-size:16px;padding:12px}.search-row button{flex:0 0 100%;padding:13px}.suggest{max-height:260px}.suggest li{padding:12px 13px}.radius-row input[type=range]{height:30px}.cards{gap:6px}.card{padding:10px 4px}.card .label{font-size:.68rem}.card .value{font-size:.98rem}.panel{padding:15px 12px}.grid{gap:12px}.bar-label{width:52px;font-size:.82rem}.bar-score{width:76px;font-size:.78rem}.bar-grade{display:block}.bd-table{font-size:.72rem}.bd-table td,.bd-table th{padding:4px}.bd-table td:first-child{white-space:nowrap}.map{height:280px}.region-note{font-size:.76rem}.region-verdict{font-size:.8rem;padding:8px 10px}.footnote{font-size:.72rem}.qmark{width:17px;height:17px;font-size:.66rem}.qmark:after{width:min(230px,78vw)}.toggle button{padding:8px 14px}.bd-formula code{font-size:.68rem}}@media (max-width:380px){.bd-table{min-width:340px}}