:root{--bg:#f4f7fb;--panel:#fff;--panel-2:#f8faff;--text:#101828;--muted:#667085;--line:#dce3ee;--blue:#155eef;--blue-2:#004eeb;--cyan:#06aed4;--nav:#0c1628;--shadow:0 18px 60px rgba(26,47,82,.11);--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 Manrope,system-ui,sans-serif}button,input,select{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template:72px 1fr/252px 1fr;grid-template-areas:"top top" "side main"}.topbar{grid-area:top;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:28px;padding:0 28px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.brand{width:224px;display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none}.brand-mark{display:grid;place-items:center;width:40px;height:40px;color:white;background:linear-gradient(135deg,var(--blue),var(--cyan));border-radius:12px;font-size:24px;font-weight:800;box-shadow:0 8px 20px rgba(21,94,239,.23)}.brand strong,.brand small{display:block}.brand strong{font-size:16px;line-height:1.15}.brand small{font-size:11px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.top-search{max-width:620px;flex:1;height:43px;position:relative;display:flex;align-items:center}.top-search svg{position:absolute;left:14px;width:19px;fill:none;stroke:var(--muted);stroke-width:1.8}.top-search input{width:100%;height:100%;padding:0 54px 0 43px;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;color:var(--text);outline:none}.top-search input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(21,94,239,.1)}kbd{position:absolute;right:12px;padding:1px 8px;color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:6px;font:12px Roboto Mono}.theme-toggle{margin-left:auto;width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);cursor:pointer}.moon{display:none}.sidebar{grid-area:side;position:fixed;top:72px;bottom:0;width:252px;padding:26px 14px 24px;background:var(--nav);overflow:auto;color:#dbe5f4}.eyebrow{margin:0 13px 10px;font-size:11px;font-weight:800;letter-spacing:.16em;color:#8291aa}.category-btn{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;margin:2px 0;border:0;border-radius:11px;background:transparent;color:#aebbd0;cursor:pointer;text-align:left;font-weight:600;font-size:14px;transition:.18s}.category-btn:hover{color:white;background:rgba(255,255,255,.07)}.category-btn.active{color:white;background:linear-gradient(90deg,rgba(21,94,239,.9),rgba(21,94,239,.38));box-shadow:inset 3px 0 #5ee7f7}.cat-icon{display:grid;place-items:center;width:25px;height:25px;font:600 14px Roboto Mono}.sidebar-note{margin:22px 10px 0;padding:16px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);border-radius:13px}.sidebar-note span,.sidebar-note small{display:block}.sidebar-note span{font:600 25px Roboto Mono;color:#fff}.sidebar-note small{color:#8291aa;font-size:11px}.main{grid-area:main;width:min(1100px,calc(100% - 64px));margin:0 auto;padding:54px 0 60px}.mobile-category-wrap{display:none}.intro{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px}.kicker{margin:0 0 7px;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.16em}.intro h1{margin:0;font-size:clamp(32px,4vw,48px);line-height:1.08;letter-spacing:-.035em}.intro p:not(.kicker){margin:11px 0 0;color:var(--muted);max-width:600px}.precision-control{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px}.precision-control select{padding:8px 30px 8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text)}.converter-card{display:grid;grid-template-columns:1fr 64px 1fr;align-items:stretch;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.converter-side{padding:30px}.converter-side>label{display:block;margin-bottom:12px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.13em}.value-input,.result-row{height:78px;width:100%;margin-bottom:20px}.value-input{border:0;outline:0;background:transparent;color:var(--text);font:600 clamp(30px,4vw,46px) Roboto Mono;letter-spacing:-.04em}.value-input:focus{color:var(--blue)}.result-side{background:linear-gradient(145deg,#f7faff,#edf4ff)}.result-row{display:flex;align-items:center;gap:12px}.result-row output{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--blue);font:600 clamp(30px,4vw,46px) Roboto Mono;letter-spacing:-.04em;white-space:nowrap}.copy{flex:0 0 auto;display:grid;place-items:center;width:40px;height:40px;border:1px solid #cddbf3;border-radius:10px;background:white;color:var(--blue);cursor:pointer}.copy:hover{background:#eaf1ff}.copy svg{width:19px;fill:none;stroke:currentColor;stroke-width:1.7}.unit-select-wrap select{width:100%;padding:13px 42px 13px 14px;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--text);font-weight:700;outline:0}.unit-select-wrap select:focus{border-color:var(--blue)}.swap{z-index:2;align-self:center;justify-self:center;display:grid;place-items:center;width:48px;height:48px;margin:0 -8px;border:5px solid var(--panel);border-radius:50%;background:var(--blue);color:white;cursor:pointer;box-sizing:content-box;transition:.2s}.swap:hover{background:var(--blue-2);transform:rotate(180deg)}.swap svg{width:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.formula{margin:14px 0 42px;text-align:center;color:var(--muted);font:500 13px Roboto Mono}.quick-section{margin-top:8px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:16px}.section-heading h2{margin:0;font-size:22px}.section-heading span{color:var(--muted);font-size:12px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quick-card{padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:14px;cursor:pointer;transition:.18s}.quick-card:hover{transform:translateY(-2px);border-color:#a7c1ee;box-shadow:0 10px 28px rgba(26,47,82,.09)}.quick-card span{display:block;color:var(--muted);font-size:12px}.quick-card strong{display:block;margin-top:7px;font:600 17px Roboto Mono;color:var(--text);word-break:break-word}.info-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;padding:22px 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.info-strip>div{display:flex;align-items:center;gap:12px}.info-strip>div>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#e8f0ff;color:var(--blue);font-weight:800}.info-strip p,.info-strip strong,.info-strip small{display:block;margin:0}.info-strip strong{font-size:12px}.info-strip small{margin-top:2px;color:var(--muted);font-size:10px}.toast{position:fixed;left:50%;bottom:28px;z-index:30;padding:11px 17px;border-radius:10px;background:#101828;color:white;box-shadow:var(--shadow);font-size:13px;opacity:0;transform:translate(-50%,15px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
body.dark{--bg:#08111f;--panel:#101c2e;--panel-2:#142238;--text:#f1f5fb;--muted:#9aa9bd;--line:#26364d;--nav:#070e1a;--shadow:0 18px 60px rgba(0,0,0,.3)}body.dark .topbar{background:rgba(16,28,46,.93)}body.dark .result-side{background:linear-gradient(145deg,#13233a,#101d31)}body.dark .copy{background:#16263d;border-color:#2b405e}.dark .sun{display:none}.dark .moon{display:inline}.dark .info-strip>div>span{background:#172d52}
@media(max-width:880px){.app-shell{display:block}.topbar{height:auto;min-height:68px;padding:12px 18px;gap:14px;flex-wrap:wrap}.brand{width:auto;flex:1}.top-search{order:3;flex-basis:100%;max-width:none}.sidebar{display:none}.main{width:min(100% - 32px,720px);padding:30px 0 45px}.mobile-category-wrap{display:block;margin-bottom:26px}.mobile-category-wrap label{display:block;margin-bottom:7px;color:var(--muted);font-size:12px;font-weight:700}.mobile-category-wrap select{width:100%;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--text)}.converter-card{grid-template-columns:1fr}.swap{margin:-19px 0;transform:rotate(90deg)}.swap:hover{transform:rotate(270deg)}.quick-grid{grid-template-columns:repeat(2,1fr)}.info-strip{grid-template-columns:1fr;gap:14px}.intro{align-items:flex-start;gap:20px}.precision-control{margin-top:5px}}
@media(max-width:520px){.brand small{display:none}.brand-mark{width:36px;height:36px}.theme-toggle{width:38px;height:38px}.main{width:calc(100% - 24px);padding-top:24px}.intro{display:block}.precision-control{margin-top:18px}.intro h1{font-size:34px}.converter-side{padding:24px 20px}.value-input,.result-row{height:62px}.quick-grid{grid-template-columns:1fr}.section-heading span{display:none}.info-strip{padding:20px 10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.view-tabs{display:inline-flex;margin-bottom:28px;padding:4px;background:var(--panel);border:1px solid var(--line);border-radius:13px}.view-tab{padding:9px 16px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:13px;font-weight:800;cursor:pointer}.view-tab.active{background:var(--blue);color:#fff;box-shadow:0 5px 14px rgba(21,94,239,.2)}.smart-convert{margin-bottom:26px;padding:18px 20px;background:linear-gradient(110deg,#0c1d3d,#123c7a);border:1px solid #28569c;border-radius:16px;color:#fff}.smart-convert>div{display:flex;align-items:center;gap:12px}.smart-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.12);color:#64e8ff;font-size:22px}.smart-convert strong,.smart-convert small{display:block}.smart-convert small{margin-top:2px;color:#aabddd;font-size:11px}.smart-convert form{display:flex;gap:9px;margin-top:15px}.smart-convert input{flex:1;min-width:0;padding:12px 14px;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:rgba(255,255,255,.09);color:#fff;outline:none}.smart-convert input::placeholder{color:#8fa4c5}.smart-convert input:focus{border-color:#64e8ff}.smart-convert button{padding:0 18px;border:0;border-radius:10px;background:#fff;color:#123c7a;font-weight:800;cursor:pointer}.smart-convert p{min-height:0;margin:8px 0 0;color:#ffcf70;font-size:12px}.smart-convert p:empty{display:none}.all-conversions{margin-top:40px}.conversion-table-wrap{overflow:hidden;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.conversion-table-wrap table{width:100%;border-collapse:collapse}.conversion-table-wrap th,.conversion-table-wrap td{padding:13px 18px;border-bottom:1px solid var(--line);text-align:left}.conversion-table-wrap th{background:var(--panel-2);color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.conversion-table-wrap tr:last-child td{border:0}.conversion-table-wrap td:nth-child(2){color:var(--muted);font:500 13px Roboto Mono}.conversion-table-wrap td:last-child{text-align:right;color:var(--blue);font:600 14px Roboto Mono}.jewelry-view[hidden]{display:none}.jewelry-hero{margin-bottom:27px}.jewelry-hero h1{margin:0;font-size:clamp(32px,4vw,48px);letter-spacing:-.035em}.jewelry-hero>p:last-child{margin:10px 0 0;color:var(--muted)}.tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.tool-card{position:relative;padding:26px;background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 35px rgba(26,47,82,.06);overflow:hidden}.tool-number{position:absolute;right:18px;top:13px;color:var(--line);font:800 40px Roboto Mono}.tool-card h2{position:relative;margin:0;font-size:20px}.tool-card>p{position:relative;margin:7px 0 22px;color:var(--muted);font-size:13px}.tool-card label{display:block;margin:13px 0 6px;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.tool-card input,.tool-card select{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2);color:var(--text);outline:none}.tool-card input:focus,.tool-card select:focus{border-color:var(--blue)}.preset-row{display:flex;gap:6px;margin-top:9px}.preset-row button{flex:1;padding:7px 4px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2);color:var(--muted);font-size:11px;cursor:pointer}.preset-row button:hover{border-color:var(--blue);color:var(--blue)}.tool-result{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.tool-result>div,.ring-results>div{padding:15px;background:var(--panel-2);border-radius:11px}.tool-result small,.ring-results small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase}.tool-result strong,.ring-results strong{display:block;margin-top:4px;color:var(--blue);font:600 20px Roboto Mono}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gold-breakdown{margin-top:22px}.gold-breakdown>div{height:10px;background:var(--line);border-radius:10px;overflow:hidden}.gold-bar{display:block;width:58.5%;height:100%;background:linear-gradient(90deg,#e2a915,#ffd968);transition:.25s}.gold-breakdown p{display:flex;justify-content:space-between;margin:10px 0 0;color:var(--muted);font-size:12px}.gold-breakdown strong{color:var(--text);font-family:Roboto Mono}.metal-results{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.metal-result{padding:12px;background:var(--panel-2);border-radius:9px}.metal-result small,.metal-result strong{display:block}.metal-result small{color:var(--muted);font-size:10px}.metal-result strong{margin-top:3px;font:600 14px Roboto Mono}.ring-card{grid-column:1/-1}.ring-results{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.tool-note{margin-bottom:0!important;font-size:11px!important}.dark .smart-convert{background:linear-gradient(110deg,#0b1a34,#102e5d)}
@media(max-width:760px){.tool-grid{grid-template-columns:1fr}.ring-card{grid-column:auto}.smart-convert form{display:grid}.smart-convert button{padding:11px}.conversion-table-wrap th,.conversion-table-wrap td{padding:11px 12px}.ring-results{grid-template-columns:1fr}.view-tabs{display:flex}.view-tab{flex:1}.two-fields{grid-template-columns:1fr}}
.general-view[hidden],.mobile-category-wrap[hidden],.sizes-view[hidden]{display:none!important}
.turkish-gold-card{grid-column:1/-1}.coin-fields{display:grid;grid-template-columns:2fr .7fr 1.2fr;gap:12px}.coin-results{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.coin-results>div{padding:15px;background:var(--panel-2);border-radius:11px}.coin-results small,.coin-results strong{display:block}.coin-results small{color:var(--muted);font-size:10px;text-transform:uppercase}.coin-results strong{margin-top:4px;color:var(--blue);font:600 17px Roboto Mono}.tool-note a{color:var(--blue)}.size-tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.segment{display:flex;margin:5px 0 17px;padding:3px;background:var(--panel-2);border:1px solid var(--line);border-radius:10px}.segment button{flex:1;padding:8px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:12px;font-weight:800;cursor:pointer}.segment button.active{background:var(--blue);color:#fff}.size-results{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.size-result{padding:14px;background:var(--panel-2);border-radius:10px}.size-result small,.size-result strong{display:block}.size-result small{color:var(--muted);font-size:10px;text-transform:uppercase}.size-result strong{margin-top:4px;color:var(--blue);font:600 17px Roboto Mono}.size-table-card{grid-column:1/-1}.size-table-card .section-heading{margin-bottom:14px}.size-table-card .conversion-table-wrap{max-height:460px;overflow:auto}.size-table-card thead{position:sticky;top:0;z-index:1}.size-table-card tbody tr.selected{background:rgba(21,94,239,.08)}
@media(max-width:760px){.turkish-gold-card{grid-column:auto}.coin-fields,.coin-results,.size-tool-grid{grid-template-columns:1fr}.size-table-card{grid-column:auto}.size-results{grid-template-columns:repeat(2,1fr)}.view-tabs{overflow-x:auto}.view-tab{min-width:max-content}.coin-results{grid-template-columns:repeat(2,1fr)}}
.view-tab,.category-btn{text-decoration:none}.seo-content{margin-top:40px;padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:16px}.seo-content h2{margin:0 0 10px;font-size:23px}.seo-content h3{margin:24px 0 8px;font-size:17px}.seo-content p{margin:0 0 10px;color:var(--muted)}.seo-content ul{margin:8px 0;padding-left:22px;color:var(--muted)}.seo-content a{color:var(--blue)}.site-footer{margin-top:48px;padding:28px 0 0;border-top:1px solid var(--line)}.site-footer nav{display:flex;flex-wrap:wrap;gap:8px 16px}.site-footer a{color:var(--muted);font-size:12px;text-decoration:none}.site-footer a:hover{color:var(--blue)}.site-footer p{margin:20px 0 0;color:var(--muted);font-size:11px}