.converter-module__SLk63G__pageShell{--ink:#151a31;--muted:#626982;--line:#e4e6ee;--gold:#b88a2a;--gold-dark:#7a5717;--gold-soft:#f7efd9;--navy:#233061;width:min(100%,1120px);color:var(--ink);padding-bottom:36px;font-family:Pinar-DS2,Pinar,sans-serif}.converter-module__SLk63G__hero{background:radial-gradient(circle at 12% 20%,#ffffff1c 0 2px,#0000 3px),linear-gradient(135deg,#182044 0%,#29356b 62%,#17203f 100%);border-radius:28px;grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:40px;min-height:260px;padding:44px 52px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 70px #141c3c29}.converter-module__SLk63G__hero:after{content:"";border:1px solid #dbb2573d;border-radius:999px;width:280px;height:280px;position:absolute;inset:-130px auto auto -90px}.converter-module__SLk63G__heroCopy{z-index:1;position:relative}.converter-module__SLk63G__kicker{color:#f7d98d;background:#e8c2691a;border:1px solid #e8c26947;border-radius:999px;align-items:center;min-height:30px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.converter-module__SLk63G__hero h1{color:#fff;margin:18px 0 10px;font-family:Pinar-DS4,Pinar,sans-serif;font-size:clamp(30px,4vw,48px);font-weight:800;line-height:1.35}.converter-module__SLk63G__hero p{color:#d8dced;max-width:680px;margin:0;font-size:15px;line-height:2}.converter-module__SLk63G__heroMark{z-index:1;color:#2d230e;text-align:center;background:linear-gradient(145deg,#f7dc98 0%,#c69a3b 48%,#8f6720 100%);border:1px solid #f9e7b7;border-radius:26px;place-content:center;justify-self:end;width:164px;height:164px;display:grid;position:relative;transform:rotate(-3deg);box-shadow:inset 0 0 0 7px #ffffff29,0 22px 45px #070b1d57}.converter-module__SLk63G__heroMark span{font-family:serif;font-size:40px;font-weight:800;line-height:1}.converter-module__SLk63G__heroMark strong{margin-top:4px;font-size:20px}.converter-module__SLk63G__heroMark small{letter-spacing:.28em;margin-top:7px;font-family:sans-serif;font-size:9px;font-weight:800}.converter-module__SLk63G__toolsGrid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;margin-top:24px;display:grid}.converter-module__SLk63G__toolPanel{border:1px solid var(--line);background:#fff;border-radius:22px;padding:28px;box-shadow:0 14px 42px #23306114}.converter-module__SLk63G__panelHeading{align-items:center;gap:12px;margin-bottom:26px;display:flex}.converter-module__SLk63G__panelHeading>div>span{color:#8a6a27;margin-bottom:2px;font-size:11px;font-weight:700;display:block}.converter-module__SLk63G__panelHeading h2{color:var(--ink);margin:0;font-family:Pinar-DS4,Pinar,sans-serif;font-size:21px;font-weight:800}.converter-module__SLk63G__panelIcon{color:#354481;background:#eef1fb;border-radius:14px;flex:none;place-items:center;width:46px;height:46px;display:grid}.converter-module__SLk63G__panelIconGold{color:var(--gold-dark);background:var(--gold-soft)}.converter-module__SLk63G__fieldGroup{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.converter-module__SLk63G__fieldGroup label{color:#3d435c;font-size:13px;font-weight:700}.converter-module__SLk63G__unitFieldLabel{justify-content:space-between;align-items:center;gap:8px;min-height:22px;display:flex}.converter-module__SLk63G__unitHelp{flex:none;display:inline-flex;position:relative}.converter-module__SLk63G__unitHelpButton{color:#76591d;cursor:help;background:#f8efd8;border:1px solid #e6d3a3;border-radius:999px;place-items:center;width:24px;height:24px;padding:0;display:grid}.converter-module__SLk63G__unitHelpButton:hover{color:#fff;background:#85621d;border-color:#85621d}.converter-module__SLk63G__unitHelpButton:focus-visible{outline-offset:2px;outline:3px solid #76591d}.converter-module__SLk63G__unitHelpPopup{z-index:20;bottom:calc(100% + 9px);color:#f5f1e8;text-align:right;background:#202846;border:1px solid #3d476d;border-radius:12px;gap:8px;width:240px;padding:13px 14px;font-size:12px;font-weight:500;line-height:1.8;display:grid;position:absolute;inset-inline-end:0;box-shadow:0 15px 38px #131a393d}.converter-module__SLk63G__unitHelpPopup[hidden]{display:none}.converter-module__SLk63G__unitHelpPopup:after{bottom:-6px;content:"";border-inline-end:1px solid #3d476d;background:#202846;border-bottom:1px solid #3d476d;width:11px;height:11px;position:absolute;inset-inline-end:8px;transform:rotate(45deg)}.converter-module__SLk63G__unitHelpHeading{color:#f8d989;justify-content:space-between;align-items:center;gap:12px;display:flex}.converter-module__SLk63G__unitHelpHeading strong{color:#fff;font-size:13px}.converter-module__SLk63G__unitHelpHeading bdi{letter-spacing:.04em;font-family:sans-serif;font-size:12px;font-weight:800}.converter-module__SLk63G__unitPicker{position:relative}.converter-module__SLk63G__unitPickerTrigger{color:#22283f;width:100%;height:48px;font:inherit;cursor:pointer;background:#fafafd;border:1px solid #d9dce8;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:0 13px;font-size:14px;display:flex}.converter-module__SLk63G__unitPickerTrigger:hover{background:#fff;border-color:#b8a06c}.converter-module__SLk63G__unitPickerTrigger:focus-visible{outline-offset:2px;background:#fff;border-color:#76591d;outline:3px solid #76591d}.converter-module__SLk63G__unitPickerTrigger[aria-expanded=true]>svg{transform:rotate(180deg)}.converter-module__SLk63G__unitPickerValue,.converter-module__SLk63G__unitPickerOptionText{align-items:center;gap:7px;min-width:0;display:flex}.converter-module__SLk63G__unitPickerValue bdi,.converter-module__SLk63G__unitPickerOptionText bdi{color:#5f4a1d;background:#f4ead1;border-radius:6px;padding:2px 6px;font-family:sans-serif;font-size:11px;font-weight:700}.converter-module__SLk63G__unitPickerPanel{z-index:25;background:#fff;border:1px solid #d8dce9;border-radius:15px;gap:3px;width:max(100%,282px);padding:7px;display:grid;position:absolute;bottom:56px;right:0;box-shadow:0 18px 50px #151e4233}.converter-module__SLk63G__unitPickerOptionRow{background:#fff;border:1px solid #0000;border-radius:10px;align-items:center;gap:4px;min-width:0;padding:3px;display:flex}.converter-module__SLk63G__unitPickerOptionRow:hover{background:#f7f8fc;border-color:#e5e7f0}.converter-module__SLk63G__unitPickerOptionRow[data-selected]{background:#f8f2e3;border-color:#ead8ad}.converter-module__SLk63G__unitPickerOption{color:#252b42;min-width:0;min-height:38px;font:inherit;text-align:right;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;font-size:13px;display:flex}.converter-module__SLk63G__unitPickerOption:focus-visible{outline-offset:0;outline:2px solid #76591d}.converter-module__SLk63G__unitPickerCheck{color:#76591d;flex:none;place-items:center;width:20px;height:20px;display:grid}.converter-module__SLk63G__fieldGroup input,.converter-module__SLk63G__fieldGroup select{color:#22283f;width:100%;height:48px;font:inherit;background:#fafafd;border:1px solid #d9dce8;border-radius:12px;outline:none;padding:0 13px;font-size:14px;transition:border-color .15s,box-shadow .15s,background-color .15s}.converter-module__SLk63G__fieldGroup input{text-align:right}.converter-module__SLk63G__fieldGroup input:focus,.converter-module__SLk63G__fieldGroup select:focus{background:#fff;border-color:#8b6a29;box-shadow:0 0 0 3px #b88a2a24}.converter-module__SLk63G__fieldGroup small{color:#626982;font-size:11px}.converter-module__SLk63G__unitRow,.converter-module__SLk63G__weightInputRow,.converter-module__SLk63G__karatRow{align-items:end;gap:10px;margin-top:18px;display:flex}.converter-module__SLk63G__swapButton{color:#40508f;cursor:pointer;background:#f1f3fa;border:1px solid #dce0ee;border-radius:12px;flex:none;place-items:center;width:46px;height:46px;transition:color .15s,background-color .15s,border-color .15s;display:grid}.converter-module__SLk63G__swapButton:hover{color:#fff;background:#354481;border-color:#354481}.converter-module__SLk63G__swapButton:focus-visible{outline-offset:2px;outline:3px solid #3544813d}.converter-module__SLk63G__karatArrow{color:#8f6d28;flex:none;place-items:center;width:36px;height:48px;font-size:22px;display:grid}.converter-module__SLk63G__primaryResult{color:#fff;background:linear-gradient(135deg,#26346c,#182044);border-radius:16px;min-height:112px;margin-top:24px;padding:18px 20px}.converter-module__SLk63G__primaryResult>span{color:#c9d0eb;font-size:11px;display:block}.converter-module__SLk63G__primaryResult strong{margin-top:9px;font-family:Pinar-DS4,Pinar,sans-serif;font-size:clamp(23px,3vw,31px);line-height:1.5;display:block}.converter-module__SLk63G__primaryResult strong small{font-family:Pinar-DS2,Pinar,sans-serif;font-size:13px;font-weight:500}.converter-module__SLk63G__assayResult{background:#fbf8ef;border:1px solid #eadcb9;border-radius:16px;grid-template-columns:104px minmax(0,1fr);align-items:stretch;gap:14px;min-height:154px;margin-top:24px;padding:16px;display:grid}.converter-module__SLk63G__assayStamp{color:#4d3811;background:linear-gradient(145deg,#f5d98e,#b88a2a);border:1px solid #d4ae56;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;padding:10px;display:flex;box-shadow:inset 0 0 0 4px #ffffff2e}.converter-module__SLk63G__assayStamp>span{margin-top:5px;font-family:sans-serif;font-size:27px;font-weight:800}.converter-module__SLk63G__assayStamp small{margin-top:2px;font-size:9px;font-weight:700}.converter-module__SLk63G__resultGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.converter-module__SLk63G__resultGrid>div{background:#ffffffb8;border-radius:10px;min-width:0;padding:9px 11px}.converter-module__SLk63G__resultGrid span,.converter-module__SLk63G__resultGrid strong{display:block}.converter-module__SLk63G__resultGrid span{color:#776a50;font-size:10px}.converter-module__SLk63G__resultGrid strong{color:#302713;margin-top:5px;font-size:14px;line-height:1.6}.converter-module__SLk63G__wideResult{grid-column:1/-1}.converter-module__SLk63G__formulaNote{color:var(--muted);margin:14px 2px 0;font-size:11px;line-height:1.9}.converter-module__SLk63G__disclaimer{color:#535b78;background:#f6f7fb;border:1px solid #e1e4ef;border-radius:15px;align-items:flex-start;gap:10px;margin-top:18px;padding:16px 18px;display:flex}.converter-module__SLk63G__disclaimer svg{color:#46558c;flex:none;margin-top:2px}.converter-module__SLk63G__disclaimer p{margin:0;font-size:12px;line-height:1.9}@media (max-width:820px){.converter-module__SLk63G__hero{grid-template-columns:minmax(0,1fr) 132px;padding:36px}.converter-module__SLk63G__heroMark{width:126px;height:126px}.converter-module__SLk63G__toolsGrid{grid-template-columns:1fr}}@media (max-width:560px){.converter-module__SLk63G__pageShell{width:calc(100% + 32px);margin-inline:-16px;padding-bottom:18px}.converter-module__SLk63G__hero{border-radius:0 0 24px 24px;grid-template-columns:1fr;min-height:auto;padding:28px 20px 92px}.converter-module__SLk63G__hero h1{font-size:29px}.converter-module__SLk63G__hero p{font-size:13px}.converter-module__SLk63G__heroMark{border-radius:21px;justify-self:auto;width:112px;height:112px;position:absolute;bottom:-39px;left:24px;right:auto}.converter-module__SLk63G__heroMark span{font-size:31px}.converter-module__SLk63G__toolsGrid{margin-top:55px;padding-inline:12px}.converter-module__SLk63G__toolPanel{border-radius:18px;padding:21px 16px}.converter-module__SLk63G__unitRow,.converter-module__SLk63G__karatRow{grid-template-columns:1fr 46px 1fr;display:grid}.converter-module__SLk63G__weightInputRow{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);display:grid}.converter-module__SLk63G__assayResult{grid-template-columns:88px minmax(0,1fr)}.converter-module__SLk63G__resultGrid{grid-template-columns:1fr}.converter-module__SLk63G__wideResult{grid-column:auto}.converter-module__SLk63G__unitPickerPanel{overscroll-behavior:contain;width:auto;max-height:calc(100dvh - 96px);position:fixed;inset:72px 16px auto;overflow-y:auto}.converter-module__SLk63G__unitHelpPopup{border-radius:15px;width:auto;padding:16px 17px;position:fixed;bottom:18px;left:16px;right:16px}.converter-module__SLk63G__unitHelpPopup:after{display:none}.converter-module__SLk63G__disclaimer{margin-inline:12px}}@media (prefers-reduced-motion:reduce){.converter-module__SLk63G__fieldGroup input,.converter-module__SLk63G__fieldGroup select,.converter-module__SLk63G__unitPickerTrigger,.converter-module__SLk63G__swapButton,.converter-module__SLk63G__unitPickerTrigger>svg{transition:none}}
