:root{--bg: #f7f7f8;--paper: #ffffff;--fill: #f1f1f3;--ink: #121212;--ink-2: #5b5b61;--ink-3: #9a9aa2;--line: #e7e7ea;--navy: #121212;--navy-2: #2c2c30;--brand: #c8102e;--brand-ink: #a60d26;--yellow: #ffffff;--yellow-2: #f3f3f5;--yellow-ink: #c8102e;--radius: 2px;--font: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-serif: "Noto Serif KR", "Nanum Myeongjo", "Apple SD Gothic Neo", serif}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.72;word-break:keep-all;overflow-wrap:anywhere;-webkit-font-smoothing:antialiased;padding-bottom:calc(92px + env(safe-area-inset-bottom))}img{max-width:100%;height:auto}a{color:var(--brand-ink)}h1,h2,h3{line-height:1.35;letter-spacing:-.03em;margin:0}p{margin:0 0 .9em}button{-webkit-tap-highlight-color:transparent}.wrap{max-width:480px;margin:0 auto;padding:0 18px}.top{position:sticky;top:0;z-index:20;background:#f7f7f8eb;backdrop-filter:blur(12px)}.top:after{content:"";display:block;height:6px;background:linear-gradient(100deg,#ffd9bc,#fff6ee 6%,#f9c7a3 13%,#eff2fe,#bdcaf0,#f4f7ff 37%,#ecc8a0 47%,#fdf3e7,#cda073 61%,#e2dcf0 73%,#74639f 83%,#f1eaf7 91%,#ffd9bc);background-size:220% 100%;animation:pearl 22s ease-in-out infinite alternate}.top:before{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;z-index:2;pointer-events:none;background:linear-gradient(100deg,#fff0,#fffffff2,#fff0);background-size:38% 100%;background-repeat:no-repeat;animation:sheen 6.5s linear infinite}@keyframes pearl{0%{background-position:0% 0}to{background-position:100% 0}}@keyframes sheen{0%{background-position:-45% 0}to{background-position:145% 0}}@media(prefers-reduced-motion:reduce){.top:after,.top:before{animation:none}}.top-in{position:relative;display:flex;align-items:center;justify-content:space-between;height:56px}.logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:19px;color:var(--ink);text-decoration:none;letter-spacing:-.04em}.logo-mark{width:30px;height:30px;border-radius:50%;background:var(--navy);display:grid;place-items:center}.logo small{font-size:12.5px;font-weight:600;color:var(--ink-3);letter-spacing:-.01em}.menu-btn{display:inline-flex;align-items:center;gap:7px;height:38px;background:var(--paper);border:1px solid var(--line);border-radius:0;padding:0 14px 0 12px;font:inherit;font-size:14px;font-weight:700;color:var(--ink);cursor:pointer}.menu-btn .i-close{display:none}.menu-btn[aria-expanded=true]{background:var(--navy);border-color:var(--navy);color:#fff}.menu-btn[aria-expanded=true] .i-open{display:none}.menu-btn[aria-expanded=true] .i-close{display:block}.menu{position:absolute;top:62px;right:10px;left:10px;z-index:30;background:var(--paper);border-radius:2px;box-shadow:0 16px 44px #12121238,0 2px 6px #12121214;padding:8px;animation:drop .16s ease-out}.menu[hidden],.scrim[hidden]{display:none}.menu ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:4px}.menu a{display:flex;align-items:center;gap:10px;padding:10px;border-radius:2px;color:var(--ink);text-decoration:none;min-width:0}.menu a:hover,.menu a:focus-visible{background:var(--fill);outline:none}.menu a b{font-weight:700;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu a .ico{flex:none;width:34px;height:34px;border-radius:2px;background:var(--fill);display:grid;place-items:center;color:var(--ink)}.menu a[aria-current=page]{background:var(--yellow-2)}.menu a[aria-current=page] .ico{background:var(--navy);color:var(--yellow)}.menu .menu-home{grid-column:1 / -1}.scrim{position:fixed;inset:0;z-index:15;background:#12121247;animation:fade .16s ease-out}@keyframes drop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}.crumb{font-size:13px;color:var(--ink-3);padding:10px 0 0}.crumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}.crumb li+li:before{content:"/";margin-right:6px;color:#c0c0c6}.crumb a{color:var(--ink-3);text-decoration:none}.hero{padding:26px 0 24px}.hero .kicker{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;color:var(--brand);background:none;border:0;border-radius:0;padding:0;margin-bottom:14px;letter-spacing:.22em;text-transform:uppercase}.hero h1{font-family:var(--font-serif);font-size:36px;font-weight:600;line-height:1.24;letter-spacing:-.015em}.hero h1 small{display:block;font-family:var(--font);font-size:13px;font-weight:600;color:var(--ink-3);margin-top:12px;letter-spacing:.06em}.hero p{color:var(--ink-2);margin:16px 0 0;font-size:15px;line-height:1.72}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:26px 20px;margin-bottom:18px}.card-t{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10.5px;font-weight:700;color:var(--ink);margin:0 0 18px;padding-bottom:12px;border-bottom:1px solid var(--line);letter-spacing:.18em;text-transform:uppercase}.card-t span{font-size:11px;font-weight:500;color:var(--ink-3);letter-spacing:.02em;text-transform:none}.blk+.blk{margin-top:18px;padding-top:16px;border-top:1px dashed var(--line)}.blk-t{font-size:14px;font-weight:700;color:var(--ink-2);margin:0 0 10px;display:flex;justify-content:space-between;align-items:baseline;gap:8px}.blk-t small{font-size:12.5px;font-weight:500;color:var(--ink-3)}.seg{display:grid;grid-auto-columns:1fr;grid-auto-flow:column;background:var(--fill);border-radius:2px;padding:4px;gap:4px}.seg button{min-height:40px;border:0;border-radius:2px;background:transparent;font:inherit;font-size:14.5px;font-weight:800;color:var(--ink-3);cursor:pointer;letter-spacing:-.01em}.seg button[aria-pressed=true]{background:var(--navy);color:#fff}.seg.sm button{min-height:34px;font-size:13.5px}.tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -16px 14px;padding:0 16px}.tabs::-webkit-scrollbar{display:none}.tabs button{flex:none;height:36px;padding:0 14px;border-radius:2px;border:1px solid var(--line);background:var(--paper);font:inherit;font-size:14px;font-weight:700;color:var(--ink-2);cursor:pointer}.tabs button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}.pills{display:flex;flex-wrap:wrap;gap:6px}.pills button{height:34px;padding:0 12px;border-radius:2px;border:0;background:var(--fill);font:inherit;font-size:14px;font-weight:700;color:var(--ink-2);cursor:pointer;font-variant-numeric:tabular-nums}.pills button[aria-pressed=true]{background:var(--brand);color:#fff}.meas{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:8px;margin-top:14px}.meas button{width:48px;height:48px;border-radius:2px;border:0;background:var(--fill);font:inherit;font-size:24px;font-weight:500;color:var(--ink);cursor:pointer;line-height:1}.meas button:active{background:var(--line)}.meas label{display:flex;align-items:baseline;justify-content:center;gap:5px;min-width:0}.meas input{width:100%;max-width:190px;border:0;background:transparent;text-align:center;font:inherit;font-size:46px;font-weight:800;letter-spacing:-.045em;color:var(--ink);padding:0;font-variant-numeric:tabular-nums;-moz-appearance:textfield;border-bottom:3px solid var(--line);border-radius:0}.meas input:focus{outline:none;border-bottom-color:var(--brand)}.meas input::-webkit-outer-spin-button,.meas input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.meas input::placeholder{color:#c0c0c6}.meas em{font-style:normal;font-size:17px;font-weight:800;color:var(--ink-3)}.meas-lbl{font-size:13.5px;font-weight:700;color:var(--ink-2);margin:14px 0 0;text-align:center}.meas+.pills,.meas-row+.pills{margin-top:12px;justify-content:center}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field.full{grid-column:1 / -1}.field>span{font-size:13.5px;font-weight:700;color:var(--ink-2)}.field>span small{font-weight:400;color:var(--ink-3)}.inp{position:relative}.inp input,.field select{width:100%;height:54px;border:0;border-radius:2px;background:var(--fill);font:inherit;font-size:21px;font-weight:800;color:var(--ink);padding:0 48px 0 14px;appearance:none;-moz-appearance:textfield;font-variant-numeric:tabular-nums;box-shadow:inset 0 0 0 2px transparent;transition:box-shadow .15s,background .15s}.field select{font-size:16px;padding-right:36px;background-image:linear-gradient(45deg,transparent 50%,var(--ink-3) 50%),linear-gradient(135deg,var(--ink-3) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px;background-repeat:no-repeat}.inp input::-webkit-outer-spin-button,.inp input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.inp input:focus,.field select:focus{outline:none;background-color:#fff;box-shadow:inset 0 0 0 2px var(--brand)}.inp input::placeholder{color:#c0c0c6}.inp em{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-style:normal;font-size:14px;font-weight:700;color:var(--ink-3);pointer-events:none}.hint{font-size:13px;color:var(--ink-3);margin:10px 0 0}.card.out{background:var(--navy);border-color:var(--navy);color:#fff}.out .card-t{color:#bdbdc4}.result{text-align:center;padding:2px 0 0}.result .lbl{font-size:10.5px;color:#bdbdc4;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.result .num{font-family:var(--font-serif);font-size:52px;font-weight:600;letter-spacing:-.02em;line-height:1.12;font-variant-numeric:tabular-nums;margin:14px 0 12px;color:var(--yellow)}.result .num small{font-size:21px;font-weight:700;margin-left:4px;color:#bdbdc4;letter-spacing:0}.result .lv{display:inline-flex;align-items:center;gap:5px;font-weight:800;font-size:13.5px;padding:4px 11px;border-radius:2px;color:#fff;background:var(--brand)}.result .lv.warn{background:#ff8f6b;color:#2a0f05}.result .lv.ok{background:#8fe0b9;color:#072a1a}.out .rows{background:#ffffff12}.out .rows div+div{border-top-color:#ffffff1a}.out .rows dt{color:#e0e0e4}.out .rows dt small{color:#8a8a92}.out .rows dd{color:#fff}.out .share-btn{background:#ffffff14;border-color:#ffffff29;color:#fff}.out .hint{color:#8a8a92}.out a{color:var(--yellow)}.out .next{color:var(--ink)}.conv{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.conv div{padding:11px 12px;border-radius:2px;background:#ffffff12;min-width:0}.conv dt{font-size:12px;font-weight:700;color:#bdbdc4}.conv dd{margin:2px 0 0;font-size:22px;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv dd small{font-size:12.5px;font-weight:700;color:#bdbdc4;margin-left:2px}.conv .wide{grid-column:1 / -1}.rows{margin:16px 0 0;padding:2px 14px;background:var(--fill);border-radius:2px}.rows div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;font-size:14.5px}.rows div+div{border-top:1px solid var(--line)}.rows dt{color:var(--ink-2)}.rows dt small{display:block;font-size:12px;color:var(--ink-3)}.rows dd{margin:0;font-weight:800;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.next{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:14px 14px 14px 18px;border-radius:2px;background:var(--paper);border:1px solid var(--line);color:var(--ink);text-decoration:none;font-weight:700;font-size:15px}.next span{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:2px;background:var(--brand);color:#fff;font-size:15px;font-weight:800}.doc{padding:6px 0 4px}.doc h2{font-family:var(--font-serif);font-size:25px;font-weight:600;line-height:1.35;letter-spacing:-.01em;margin:54px 0 16px}.doc h2:before{content:"";display:block;width:100%;height:1px;border-radius:0;background:var(--ink);margin-bottom:18px}.doc h3{font-size:17px;font-weight:700;margin:22px 0 8px}.doc p,.doc li{color:#303a55}.doc ul,.doc ol{padding-left:1.2em;margin:0 0 1em}.doc li{margin-bottom:6px}.doc li::marker{color:var(--yellow-ink);font-weight:800}.formula{background:var(--paper);border:1px solid var(--line);border-radius:2px;padding:13px 15px;font-weight:700;font-size:15px;margin:0 0 1em;font-variant-numeric:tabular-nums}.formula:before{content:"공식";display:inline-block;font-size:11.5px;font-weight:800;color:#fff;background:var(--brand);border-radius:2px;padding:1px 7px;margin-right:8px;vertical-align:2px}.tbl{width:100%;border-collapse:collapse;font-size:14px;background:var(--paper);font-variant-numeric:tabular-nums}.tbl th,.tbl td{padding:10px 11px;text-align:left;vertical-align:top}.tbl td{border-top:1px solid var(--line)}.tbl thead th{font-weight:800;color:#fff;font-size:12.5px;background:var(--navy)}.tbl td.n,.tbl th.n{text-align:right;white-space:nowrap}.tbl tr.hl td{background:var(--yellow-2);font-weight:800}.tbl tr.hl td:first-child{box-shadow:inset 4px 0 0 var(--brand)}.tbl-wrap{overflow-x:auto;margin:0 0 1em;border-radius:2px;background:var(--paper);border:1px solid var(--line)}.tbl-cap{font-size:12.5px;color:var(--ink-3);margin:-6px 0 14px}.tbl-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 8px;font-size:13px;color:var(--ink-3)}.tbl-tools .seg{flex:none;width:140px}.answer{background:var(--paper);color:var(--ink);border-radius:2px;border:1px solid var(--line);border-left:5px solid var(--brand);padding:15px 17px;margin:18px 0 6px}.answer-t{display:block;font-size:12.5px;font-weight:800;color:var(--yellow-ink);letter-spacing:.02em;margin-bottom:6px}.answer p{margin:0;color:var(--ink);font-size:15.5px;line-height:1.68}.answer p+p{margin-top:6px}.faq details{background:var(--paper);border:1px solid var(--line);border-radius:2px;margin-bottom:8px}.faq summary{list-style:none;cursor:pointer;padding:15px 46px 15px 17px;font-weight:700;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:17px;top:50%;transform:translateY(-50%);font-size:22px;font-weight:500;color:var(--ink-3)}.faq details[open] summary:after{content:"−"}.faq .a{padding:0 17px 15px;color:#303a55}.faq .a p:last-child{margin:0}.links{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 1em}.links a{display:flex;flex-direction:column;gap:8px;background:var(--paper);border:1px solid var(--line);border-radius:2px;padding:13px;text-decoration:none;color:var(--ink);min-width:0}.links .ico{width:36px;height:36px;border-radius:2px;background:var(--navy);display:grid;place-items:center;color:var(--yellow)}.links b{display:block;font-size:15px;line-height:1.3}.links span{font-size:12.5px;color:var(--ink-3);line-height:1.4}.meta{font-size:12.5px;color:var(--ink-3);padding-top:14px;margin-top:28px;border-top:1px solid var(--line)}.foot{margin-top:32px;padding:24px 0 44px;font-size:12.5px;color:var(--ink-3);border-top:1px solid var(--line)}.foot nav{display:flex;flex-wrap:wrap;gap:6px 14px;margin-bottom:10px}.foot a{color:var(--ink-2);text-decoration:none;font-weight:600}.foot p{margin:0 0 6px;line-height:1.6}.ruler-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.ruler-lbl{font-size:14px;font-weight:700;color:var(--ink-2)}.ruler-val{display:flex;align-items:baseline;gap:4px}.ruler-val input{width:120px;border:0;background:transparent;text-align:right;font:inherit;font-size:34px;font-weight:800;letter-spacing:-.045em;color:var(--ink);padding:0;-moz-appearance:textfield;font-variant-numeric:tabular-nums;border-bottom:2px solid transparent}.ruler-val input:focus{outline:none;border-bottom-color:var(--brand)}.ruler-val input::-webkit-outer-spin-button,.ruler-val input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ruler-val input::placeholder{color:#c0c0c6}.ruler-val em{font-style:normal;font-size:16px;font-weight:700;color:var(--ink-3)}.ruler-range{--p: 50%;-webkit-appearance:none;appearance:none;display:block;width:100%;height:40px;margin:8px 0 0;background:transparent;cursor:pointer;touch-action:pan-y}.ruler-range::-webkit-slider-runnable-track{height:40px;border-radius:0;background:repeating-linear-gradient(to right,var(--navy) 0 2px,transparent 2px calc(100% / var(--majors))) 0 0 / 100% 18px no-repeat,repeating-linear-gradient(to right,rgba(18,18,18,.5) 0 1px,transparent 1px calc(100% / var(--majors) / 5)) 0 0 / 100% 9px no-repeat,linear-gradient(to right,rgba(18,18,18,.1) 0 var(--p),transparent var(--p)),var(--fill)}.ruler-range::-moz-range-track{height:40px;border-radius:0;background:repeating-linear-gradient(to right,var(--navy) 0 2px,transparent 2px calc(100% / var(--majors))) 0 0 / 100% 18px no-repeat,repeating-linear-gradient(to right,rgba(18,18,18,.5) 0 1px,transparent 1px calc(100% / var(--majors) / 5)) 0 0 / 100% 9px no-repeat,linear-gradient(to right,rgba(18,18,18,.1) 0 var(--p),transparent var(--p)),var(--fill)}.ruler-range::-webkit-slider-thumb{-webkit-appearance:none;width:4px;height:40px;border-radius:2px;background:#e5484d;box-shadow:0 0 0 3px #e5484d33}.ruler-range::-moz-range-thumb{width:4px;height:40px;border:0;border-radius:2px;background:#e5484d;box-shadow:0 0 0 3px #e5484d33}.ruler-range:focus{outline:none}.ruler-ends{display:flex;justify-content:space-between;font-size:11.5px;color:var(--ink-3);margin-top:6px;font-variant-numeric:tabular-nums}.opt{margin-top:16px;border-top:1px dashed var(--line);padding-top:2px}.opt summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0 6px;font-weight:700;font-size:14.5px;color:var(--ink-2)}.opt summary::-webkit-details-marker{display:none}.opt summary:after{content:"+";font-size:20px;font-weight:500;color:var(--ink-3)}.opt[open] summary:after{content:"−"}.opt-body{padding:8px 0 2px;display:grid;gap:12px}.share-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:48px;margin-top:14px;border:1px solid var(--line);border-radius:2px;background:var(--paper);color:var(--ink);font:inherit;font-size:15px;font-weight:700;cursor:pointer}.fig{margin:4px 0 18px}.fig img{display:block;width:100%;height:auto;border-radius:2px;background:var(--paper)}.fig figcaption{font-size:13px;color:var(--ink-3);margin-top:8px;text-align:center}.hero+.fig{margin-top:-6px}.size-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.size-grid a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 0 8px;border-radius:2px;text-decoration:none;color:var(--ink);font-size:12.5px;font-weight:700;text-align:center;line-height:1.25;background:var(--paper);border:1px solid var(--line)}.size-grid .ico{width:40px;height:40px;border-radius:2px;background:var(--navy);color:var(--yellow);display:grid;place-items:center}.sheet-scrim{position:fixed;inset:0;z-index:26;background:#12121257;animation:fade .16s ease-out}.sheet-scrim[hidden],.sheet[hidden]{display:none}.sheet{position:fixed;left:50%;bottom:0;transform:translate(-50%);z-index:27;width:100%;max-width:480px;max-height:72vh;overflow-y:auto;background:var(--paper);border-radius:0;padding:10px 20px calc(96px + env(safe-area-inset-bottom));box-shadow:0 -10px 40px #12121233;animation:sheetup .2s ease-out}.sheet-grip{width:40px;height:4px;border-radius:2px;background:#e4e4e8;margin:0 auto 12px}.sheet-t{font-size:13px;font-weight:800;color:var(--ink-3);margin:0 0 6px}.sheet-list{list-style:none;counter-reset:s;margin:0;padding:0}.sheet-list li{counter-increment:s}.sheet-list a{display:flex;gap:12px;align-items:baseline;padding:12px 4px;border-top:1px solid var(--line);color:var(--ink);text-decoration:none;font-weight:600;font-size:15px;line-height:1.45}.sheet-list a:before{content:counter(s);flex:none;width:20px;font-size:12.5px;font-weight:800;color:var(--yellow-ink);font-variant-numeric:tabular-nums}html.sheet-open{overflow:hidden}@keyframes sheetup{0%{transform:translate(-50%,30px);opacity:.6}to{transform:translate(-50%);opacity:1}}.sheet-res{display:grid;grid-template-columns:1fr auto;align-items:center;width:100%;border:0;border-radius:2px;background:var(--navy);padding:12px 14px;margin:0 0 14px;font:inherit;text-align:left;cursor:pointer}.sheet-res[hidden]{display:none}.sheet-res .pnav-lbl{grid-column:1;font-size:12px;font-weight:700;color:#bdbdc4}.sheet-res .pnav-val{grid-column:1;font-size:18px}.sheet-res .pnav-val b{font-weight:800;color:var(--brand);font-variant-numeric:tabular-nums}.sheet-res .pnav-val em{font-style:normal;font-weight:800;font-size:13px;margin-left:4px}.sheet-res-go{grid-column:2;grid-row:1 / span 2;font-size:13.5px;font-weight:800;color:#fff}.doc h2[id]{scroll-margin-top:76px}#calc{scroll-margin-top:70px}.tbl-wrap.folded{max-height:330px;overflow:hidden;position:relative}.tbl-wrap.folded:after{content:"";position:absolute;left:0;right:0;bottom:0;height:70px;background:linear-gradient(to bottom,#fff0,#fff);pointer-events:none}.fold-btn{display:block;width:100%;height:44px;margin:-6px 0 18px;border:1px solid var(--line);border-radius:2px;background:var(--paper);color:var(--ink);font:inherit;font-size:14px;font-weight:700;cursor:pointer}.sad{position:fixed;left:50%;bottom:calc(10px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:24;width:calc(100% - 20px);max-width:460px;display:flex;align-items:center;gap:11px;padding:8px 8px 8px 9px;background:#fffffff7;backdrop-filter:blur(12px);border-radius:0;box-shadow:0 10px 30px #12121233,0 1px 3px #12121214}.sad-thumb{flex:none;width:48px;height:48px;border-radius:50%;object-fit:cover;background:var(--fill)}.sad-txt{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}.sad-hook{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;color:var(--brand);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sad-ad{flex:none;font-style:normal;font-size:9.5px;font-weight:700;color:var(--ink-3);border:1px solid var(--line);border-radius:3px;padding:0 4px;line-height:14px}.sad-txt b{font-size:15.5px;font-weight:800;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sad-price{font-size:12px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sad-btn{flex:none;display:grid;place-items:center;height:48px;padding:0 18px;border-radius:0;background:var(--brand);color:#fff;font-weight:800;font-size:14.5px;text-decoration:none}.fab{position:fixed;right:max(14px,calc(50% - 226px));bottom:calc(86px + env(safe-area-inset-bottom));z-index:25;display:flex;flex-direction:column;gap:8px;align-items:flex-end;animation:rise .2s ease-out}.fab[hidden]{display:none}.fab-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:46px;min-width:46px;padding:0 12px;border:0;border-radius:2px;background:#fffffff7;color:var(--ink);font:inherit;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 6px 20px #12121229,0 1px 3px #12121214}.fab-btn.toc{background:var(--navy);color:#fff;padding:0 16px}.fab-btn[aria-expanded=true]{background:var(--brand);color:#fff}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}[hidden]{display:none!important}.tbl th,.tbl td{overflow-wrap:normal;word-break:keep-all}.tbl td:first-child,.tbl th:first-child{min-width:5em}.steps{list-style:none;counter-reset:st;padding:0!important;margin:0 0 1em;display:grid;gap:8px}.steps li{counter-increment:st;position:relative;background:var(--paper);border:1px solid var(--line);border-radius:2px;padding:14px 14px 14px 50px;margin:0}.steps li:before{content:counter(st);position:absolute;left:13px;top:12px;width:26px;height:26px;border-radius:50%;background:var(--navy);color:#fff;font-size:13.5px;font-weight:800;display:grid;place-items:center}.steps li b{display:block;color:var(--ink)}.quiz-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;font-weight:700;color:var(--ink-3);margin-bottom:8px}.quiz-bar{height:6px;border-radius:3px;background:var(--fill);overflow:hidden;margin-bottom:18px}.quiz-bar i{display:block;height:100%;width:0;border-radius:3px;background:linear-gradient(to right,#f6c49f,#b9c7ec,#c49a6c,#3b2a5c);transition:width .25s}.quiz-q{font-size:20px;font-weight:800;line-height:1.4;letter-spacing:-.03em;margin:0 0 6px;min-height:2.8em}.quiz-hint{font-size:13.5px;color:var(--ink-3);margin:0 0 14px;min-height:1.4em}.quiz-opts{display:grid;gap:8px}.quiz-opts button{display:flex;align-items:center;gap:12px;width:100%;min-height:58px;padding:12px 16px;border-radius:2px;border:1.5px solid var(--line);background:var(--paper);font:inherit;font-size:16px;font-weight:700;color:var(--ink);text-align:left;cursor:pointer}.quiz-opts button:before{content:"";flex:none;width:20px;height:20px;border-radius:50%;border:2px solid #d7d7dc}.quiz-opts button[aria-pressed=true]{border-color:var(--brand);background:var(--yellow-2)}.quiz-opts button[aria-pressed=true]:before{border:6px solid var(--navy)}.quiz-nav{display:flex;justify-content:space-between;gap:8px;margin-top:14px}.quiz-nav button{height:46px;padding:0 18px;border-radius:0;border:1px solid var(--line);background:var(--paper);font:inherit;font-size:14.5px;font-weight:700;color:var(--ink-2);cursor:pointer}.quiz-nav button.primary{background:var(--navy);border-color:var(--navy);color:#fff}.quiz-nav button:disabled{opacity:.4;cursor:default}.out .result .num{font-size:40px;letter-spacing:-.04em;color:#fff}.out .result .num small{display:block;margin:6px 0 0;font-size:15px}.axes{display:grid;gap:12px;margin:18px 0 0}.axis-row{display:grid;grid-template-columns:54px 1fr 54px;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:#bdbdc4}.axis-row span:last-child{text-align:right}.axis-track{position:relative;height:10px;border-radius:2px;background:#ffffff24}.axis-track:after{content:"";position:absolute;left:50%;top:-3px;bottom:-3px;width:1px;background:#ffffff59}.axis-track i{position:absolute;top:50%;width:18px;height:18px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 3px #c8102e38;transform:translate(-50%,-50%);left:var(--x, 50%);transition:left .25s}.chips{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin-top:16px}.chips i{aspect-ratio:1;border-radius:50%;box-shadow:inset 0 0 0 1px #00000014}.chips.avoid{grid-template-columns:repeat(8,1fr)}.chips.avoid i{position:relative;opacity:.85}.chips.avoid i:after{content:"";position:absolute;left:10%;right:10%;top:50%;height:2px;background:#ffffffe6;transform:rotate(-45deg);box-shadow:0 0 0 1px #00000026}.chip-t{font-size:12.5px;font-weight:700;color:#bdbdc4;margin:14px 0 0}.card:not(.out) .chip-t{color:var(--ink-3)}.pal{display:flex;gap:4px}.pal i{flex:1;min-width:14px;height:22px;border-radius:6px;box-shadow:inset 0 0 0 1px #00000014}.tbl td .pal{min-width:150px}.drape{position:relative;border-radius:28px;padding:26px;background:var(--drape, #fff);transition:background .2s;box-shadow:inset 0 0 0 1px #0000000f}.drape-eye{display:block;width:100%;aspect-ratio:3 / 4;border-radius:50%/42%;overflow:hidden;background:#efeff2}.drape-eye:has(video[hidden]){display:none}.drape-eye video{display:block;width:100%;height:100%;object-fit:cover;transform:scaleX(-1) scale(1.3);transform-origin:center}.drape .drape-ph{display:grid;width:100%;aspect-ratio:3 / 4;border-radius:50%/42%;background:#efeff2;place-items:center;text-align:center;color:var(--ink-3);font-size:14px;padding:20px}.drape-name{position:absolute;left:50%;bottom:8px;transform:translate(-50%);font-size:12px;font-weight:800;padding:2px 10px;border-radius:0;background:#ffffffd9;color:var(--ink);white-space:nowrap}.drape-pairs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:14px -18px 0;padding:0 18px}.drape-pairs::-webkit-scrollbar{display:none}.drape-pairs button{flex:none;height:36px;padding:0 14px;border-radius:0;border:1px solid var(--line);background:var(--paper);font:inherit;font-size:13.5px;font-weight:700;color:var(--ink-2);cursor:pointer}.drape-pairs button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}.drape-ab{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.drape-ab button{display:flex;align-items:center;justify-content:center;gap:8px;height:48px;border-radius:2px;border:1.5px solid var(--line);background:var(--paper);font:inherit;font-size:15px;font-weight:800;color:var(--ink);cursor:pointer}.drape-ab button i{width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1px #0000001f}.drape-ab button[aria-pressed=true]{border-color:var(--brand);background:var(--yellow-2)}.cam-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:50px;margin-top:12px;border:0;border-radius:0;background:var(--navy);color:#fff;font:inherit;font-size:15px;font-weight:800;cursor:pointer}.cn{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.cn-d{width:11px;height:11px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px #12121229}.cn-s{color:var(--ink-3);margin:0 5px}.tone{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;color:inherit}.tone-d{display:inline-flex;flex:none}.tone-d .cn-d{width:13px;height:13px;margin-right:-4px;box-shadow:inset 0 0 0 1px #12121229,0 0 0 1.5px var(--paper)}.tone-d .cn-d:last-child{margin-right:0}.out .cn-d,.result .cn-d{box-shadow:inset 0 0 0 1px #ffffff47}.out .tone-d .cn-d,.result .tone-d .cn-d{box-shadow:inset 0 0 0 1px #ffffff47,0 0 0 1.5px var(--navy)}.foot-by{margin:14px 0 0;font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--ink-2)}.sad-txt b i{font-style:normal;font-weight:500;color:var(--ink-3);margin:0 7px}.quick-qs{list-style:none;margin:0;padding:0;display:grid;gap:18px}.quick-q{margin:0 0 8px;font-size:15.5px;font-weight:700;line-height:1.45}.quick-opts{display:grid;gap:6px}.quick-opts button{text-align:left;min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:2px;background:var(--paper);font:inherit;font-size:14.5px;font-weight:600;color:var(--ink-2);cursor:pointer}.quick-opts button[aria-pressed=true]{border-color:var(--brand);color:var(--ink);font-weight:800;box-shadow:inset 2px 0 0 var(--brand)}.quick-out{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.quick-out[hidden]{display:none}.quick-lbl{margin:0;font-size:10.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3)}.quick-val{font-family:var(--font-serif);font-size:30px;font-weight:600;margin:8px 0;letter-spacing:-.02em}.quick-note{margin:0;font-size:14px;line-height:1.7;color:var(--ink-2)}.quick-go{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-size:14px;font-weight:800;color:var(--brand);text-decoration:none}