/* Free tool follows the rebuilt teaser: white, paper, ink and seal red. */
.seori-free{--wood:#568577;--fire:#b75b4d;--earth:#ae9662;--metal:#8f9097;--water:#657f99}
.seori-free #shell-header{position:sticky;top:0;z-index:75}
.seori-free :is(h2,section[id]){scroll-margin-top:80px}
.seori-free h2{font-size:27px;font-weight:750;line-height:1.38;letter-spacing:-.055em}
.seori-free .eyebrow{font-size:12px;font-weight:650;letter-spacing:.03em;color:var(--red);margin-bottom:12px}
.seori-free .free-intro{padding:42px 24px 30px;background:var(--light);text-align:center}
.seori-free h1{font-size:clamp(29px,8.4vw,39px);font-weight:770;line-height:1.32;letter-spacing:-.06em}
.seori-free .free-lead{font-size:15px;line-height:1.85;color:var(--copy);margin:20px 0 24px}
.seori-free .element-palette{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;max-width:330px;margin:0 auto}
.seori-free .element-palette>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid color-mix(in srgb,var(--element) 35%,transparent);border-radius:45% 45% 5px 5px;min-height:79px;background:color-mix(in srgb,var(--element) 7%,var(--light));color:var(--element);font-family:serif;font-size:30px;line-height:1.2}
.seori-free .element-palette small{font:500 11px/1.5 'Pretendard Variable',sans-serif}
.seori-free .wood{--element:var(--wood)}.seori-free .fire{--element:var(--fire)}.seori-free .earth{--element:var(--earth)}.seori-free .metal{--element:var(--metal)}.seori-free .water{--element:var(--water)}
.seori-free .free-meta{font-size:12px;color:var(--muted);margin-top:20px}
.seori-free .form-paper{background:var(--soft);border-block:1px solid var(--line);padding:30px 24px 24px}
.seori-free .form-paper h2{font-size:25px}
.seori-free #obmask .ob-row2{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:8px}
.seori-free #obmask .field{white-space:nowrap;min-height:54px;height:54px;font-size:16px;padding:12px 10px;gap:4px;background:var(--light);border-color:#d5d0c6;border-radius:3px;box-shadow:none;color:var(--ink)}
.seori-free #obmask .field:after{width:12px;flex-basis:12px;background-size:12px}
.seori-free #obmask #obHour{width:100%;font-size:15px}
.seori-free #obmask .ob-lab{color:var(--copy);font-weight:600;font-size:13px;margin:23px 0 9px}
.seori-free #obmask .seg{background:var(--paper);border-color:var(--line);border-radius:4px}
.seori-free #obmask .segbtn.on{color:var(--red);background:var(--light);border-color:#d4c4b6;box-shadow:none}
.seori-free .entry-time-note{font-size:12px;line-height:1.75;color:var(--muted);margin:10px 0 0}
.seori-free :is(.hint,.basis){font-size:12px;line-height:1.7;color:var(--muted);margin:14px 0 0}
.seori-free #unknown-hint{padding:12px;background:var(--paper);color:#655444}
.seori-free .basis{text-align:center;font-size:11px;margin:24px 0 12px}
.seori-free .free-button{min-height:56px;display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px 18px;border:1px solid #a94338;border-radius:2px;font-size:16px;font-weight:650;letter-spacing:-.03em;line-height:1.5;background:var(--red);color:#fffdfa}
.seori-free .free-button span{font-size:24px;font-weight:400;line-height:1}
.seori-free .free-button:disabled{opacity:.65;cursor:wait}
.seori-free #progress{min-height:0;text-align:center;margin:10px 0 0}
.seori-free #progress:empty{display:none}
.seori-free .error{padding:12px 14px;background:#f8e9e5;color:#902c24;font-size:14px;margin-bottom:12px}
.seori-free :is(.result-paper,.rules,.free-details,.free-related){padding:35px 24px;border-bottom:1px solid var(--line)}
.seori-free .result-paper{outline:none;background:var(--light)}
.seori-free .day-stem{margin:20px 0 30px;padding:24px 20px;background:var(--paper);text-align:center;border-block:1px solid #dad4c8}
.seori-free .day-stem small{font-size:12px;color:#736754;display:block}
.seori-free .day-stem strong{font-family:serif;font-size:62px;font-weight:500;letter-spacing:.12em;line-height:1.5;display:block;color:#7b5340}
.seori-free .day-stem b{display:block;font-size:20px;font-weight:600;letter-spacing:.15em}
.seori-free .muted{color:var(--muted);font-size:14px;line-height:1.85;margin-top:14px}
.seori-free .distribution-card h3{font-size:13px;font-weight:500;color:var(--muted);margin:25px 0 16px}
.seori-free .element-row{display:grid;grid-template-columns:52px minmax(0,1fr) 58px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #ebe8e2}
.seori-free .element-name{font-size:15px;font-weight:650;color:var(--element)}
.seori-free progress{appearance:none;width:100%;height:10px;border:none;border-radius:10px;background:#eeece7;color:var(--element);overflow:hidden}
.seori-free progress::-webkit-progress-bar{background:#eeece7;border-radius:10px}
.seori-free progress::-webkit-progress-value{background:var(--element);border-radius:10px}
.seori-free progress::-moz-progress-bar{background:var(--element);border-radius:10px}
.seori-free .element-count{text-align:right;line-height:1.5}
.seori-free .element-count b{font-size:19px;font-weight:700;display:block;font-variant-numeric:tabular-nums}
.seori-free .element-count small{font-size:12px;color:var(--muted);display:block;font-variant-numeric:tabular-nums}
.seori-free .distribution-total{margin-top:14px;font-size:13px;text-align:right;color:var(--muted)}
.seori-free .element-summary{font-size:18px;font-weight:650;line-height:1.6;margin-top:24px}
.seori-free .element-strip{display:flex;gap:5px;margin-top:12px;height:14px}
.seori-free .element-strip>span{flex:1;border-radius:2px;background:var(--element)}
.seori-free .result-limit{font-size:14px;line-height:1.85;color:#655b50;background:var(--soft);padding:18px;margin-top:24px}
.seori-free .text-link{display:block;font-size:13px;font-weight:600;color:var(--red);margin-top:18px}
.seori-free .education p,.seori-free #withheld-note{font-size:16px;line-height:1.95;margin-top:20px;color:var(--copy)}
.seori-free .free-next{padding:38px 24px;background:var(--paper)}
.seori-free .free-next>p:not(.eyebrow){font-size:16px;line-height:1.9;color:var(--copy);margin-top:20px}
.seori-free .free-next .free-button{margin-top:26px;font-size:15px}
.seori-free .free-next>p.free-next-note{font-size:12px;color:var(--muted);margin-top:12px;line-height:1.7}
.seori-free .free-details h2,.seori-free .free-related h2{font-size:23px;margin-bottom:20px}
.seori-free details{border-top:1px solid var(--line)}
.seori-free summary{padding:16px 0;cursor:pointer;font-size:14px;font-weight:550}
.seori-free details p{font-size:14px;line-height:1.9;color:var(--muted);padding-bottom:16px}
.seori-free .free-related>a:not(.text-link){display:flex;justify-content:space-between;gap:12px;font-size:15px;line-height:1.7;padding:17px 0;border-top:1px solid var(--line)}
.seori-free #shell-footer{background:var(--soft);color:var(--muted);font-size:11px;line-height:1.8;padding:28px 24px}
.seori-free .shell-ft-links{margin-top:12px}
.seori-free #obSheet{z-index:101;max-width:480px}
.seori-free #obSheetOverlay{z-index:100}
.seori-free #obSheet:not(.open),.seori-free #obSheetOverlay:not(.open){pointer-events:none}
.seori-free .free-personality{padding:36px 24px 32px;background:var(--soft);border-bottom:1px solid var(--line)}
.seori-free .free-personality h2{font-size:26px;line-height:1.4;letter-spacing:-.05em}
.seori-free #personality-paragraphs p{font-size:17px;line-height:1.95;letter-spacing:-.025em;margin-top:23px;color:var(--copy);word-break:keep-all}
.seori-free .personality-basis{font-size:11px;line-height:1.7;color:var(--muted);margin-top:24px}
@media(max-width:350px){.seori-free :is(.free-intro,.form-paper,.result-paper,.rules,.free-next,.free-details,.free-related){padding-left:18px;padding-right:18px}.seori-free #obmask .field{font-size:15px;padding:10px 8px}.seori-free .free-lead{font-size:14px}.seori-free .element-row{gap:8px}}