.fortune-page .chips{display:flex;flex-wrap:wrap;gap:3px;justify-content:center;margin-top:4px}.fortune-page .chip{font-size:10px;padding:1px 5px;border-radius:8px;border:1px solid var(--line,#ccc)}.fortune-page .c-chung{color:#c0392b;border-color:#c0392b}.fortune-page .c-hap{color:#2471a3;border-color:#2471a3}.fortune-page .c-hyeong{color:#b9770e;border-color:#b9770e}.fortune-page .c-hae,.fortune-page .c-pa,.fortune-page .c-wj{color:#7d6608;border-color:#b7950b}.fortune-page .c-gong{color:#707b7c;border-color:#707b7c}.fortune-page .c-ys{color:#1e8449;border-color:#1e8449;font-weight:700}.fortune-page .c-none{color:#aaa;border-color:#ddd}.fortune-page .ig{margin:12px auto 4px}.fortune-page .dform{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:10px;gap:10px;margin:10px 0}.fortune-page .dform label{font-size:12px;display:block;margin-bottom:3px;color:var(--ink-soft,#666)}.fortune-page .dform input,.fortune-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}.fortune-page .dform input[type=time]{min-width:0;-webkit-appearance:none}.fortune-page .dform select option{background:#1e2030;color:#e2e8f0}.fortune-page input[type=checkbox]{width:auto;min-height:auto;height:16px;width:16px;margin:0;vertical-align:middle;accent-color:#8b5cf6}.fortune-page .dform input:focus,.fortune-page .dform select:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.25)}.fortune-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}.fortune-page #go:hover{background:linear-gradient(135deg,#312e81,#3730a3,#312e81);box-shadow:0 6px 20px rgba(99,102,241,.5)}.fortune-page #result h2{font-family:Gowun Batang,Nanum Myeongjo,serif;border-bottom:1px solid var(--line);padding-bottom:6px}.fortune-page #result>.rel-list{display:flex;flex-direction:column;gap:12px}.fortune-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}.fortune-page .ig{display:block;margin:20px auto 10px;height:auto}.fortune-page svg.ig{overflow:visible}.fortune-page svg[aria-label="12운성 사이클"]{width:300px;max-width:80%}.fortune-page svg[aria-label="오행 수급"]{width:100%;max-width:460px}.fortune-page svg[aria-label*="생극 관계"]{width:100%;max-width:680px;height:auto}.fortune-page svg[aria-label="오늘의 자극 지도"]{width:100%;max-width:460px;height:auto}.fortune-page #result .tile,.fortune-page #todayCard .tile{width:56px;min-width:56px;aspect-ratio:1;flex-shrink:0}.fortune-page #result .tile .han,.fortune-page #todayCard .tile .han{font-size:24px}.fortune-page .rail{margin-top:8px;overflow-x:visible;flex-wrap:wrap}.fortune-page .rail .dw{min-width:0;flex:1 1}.fortune-page #result b{color:#e2e8f0}.fortune-page .c-chung{color:#ef6b6b;border-color:#ef6b6b}.fortune-page .c-hap{color:#5ba3d9;border-color:#5ba3d9}.fortune-page .c-hyeong{color:#d4a54a;border-color:#d4a54a}.fortune-page .c-hae,.fortune-page .c-pa,.fortune-page .c-wj{color:#c9b44a;border-color:#c9b44a}.fortune-page .c-gong{color:#8e9eab;border-color:#8e9eab}.fortune-page .c-ys{color:#2ecc71;border-color:#2ecc71}.fortune-page .c-none{color:#555;border-color:#444}.fortune-page #result .rel>div+div{margin-top:14px;padding-top:14px;border-top:1px dashed var(--line)}@media (max-width:359px){.fortune-page .dform{grid-template-columns:1fr;gap:6px;margin:8px 0}.fortune-page .dform label{font-size:11px}.fortune-page .dform input,.fortune-page .dform select{font-size:14px;padding:8px;min-height:40px}.fortune-page #go{width:100%;padding:10px;font-size:14px;letter-spacing:.1em}.fortune-page h1{font-size:20px!important}.fortune-page h2{font-size:15px!important}.fortune-page .muted{font-size:11px}.fortune-page .chip{font-size:9px;padding:1px 4px}.fortune-page .conf{font-size:10px}.fortune-page #result .rel{padding:12px 10px;font-size:13px}.fortune-page #result .tile,.fortune-page #todayCard .tile{width:44px;min-width:44px}.fortune-page #result .tile .han,.fortune-page #todayCard .tile .han{font-size:20px}.fortune-page .rail{flex-wrap:wrap;gap:6px}.fortune-page .rail .dw{flex-grow:1;flex-shrink:1;flex-basis:calc(25% - 6px);min-width:70px}}@media (min-width:360px) and (max-width:639px){.fortune-page .dform{grid-template-columns:1fr;gap:8px}.fortune-page .dform input,.fortune-page .dform select{min-height:44px;font-size:15px;padding:9px 10px}.fortune-page #go{width:100%;padding:12px;font-size:15px}.fortune-page h1{font-size:24px!important}.fortune-page h2{font-size:16px!important}.fortune-page #result .rel{padding:14px 12px;font-size:13.5px}.fortune-page #result .tile,.fortune-page #todayCard .tile{width:50px;min-width:50px}}@media (min-width:640px) and (max-width:1199px){.fortune-page .dform{grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0}.fortune-page .dform input,.fortune-page .dform select{min-height:44px;font-size:15px;padding:8px 10px}.fortune-page #go{padding:12px 28px;font-size:16px}.fortune-page h1{font-size:28px!important}.fortune-page #result .rel{padding:18px 20px;font-size:15.5px;line-height:1.8}.fortune-page #result .muted{font-size:14px}.fortune-page #result h2{font-size:20px}}@media (min-width:1200px){.fortune-page .dform{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:14px 0}.fortune-page .dform label{font-size:13px}.fortune-page .dform input,.fortune-page .dform select{min-height:46px;font-size:15px;padding:10px 12px}.fortune-page #go{padding:13px 32px;font-size:17px;letter-spacing:.2em}.fortune-page h1{font-size:32px!important}.fortune-page .muted{font-size:14.5px}.fortune-page .chip{font-size:11px;padding:2px 6px}.fortune-page #result .rel{padding:22px 28px;font-size:16.5px;line-height:1.85}.fortune-page #result .rel b{font-size:17px}.fortune-page #result .muted{font-size:14.5px;line-height:1.75}.fortune-page #result .tile,.fortune-page #todayCard .tile{width:62px;min-width:62px}.fortune-page #result .tile .han,.fortune-page #todayCard .tile .han{font-size:28px}.fortune-page #result h2{font-size:22px}}@media (min-width:1440px){.fortune-page .dform{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.fortune-page #go{padding:14px 36px;font-size:18px}}