.widget{width:100%;min-height:100vh;box-sizing:border-box;font-family:Segoe UI,system-ui,-apple-system,sans-serif;display:flex;flex-direction:column;padding:14px 16px}.widget-light{background:#fff;color:#1f2430}.widget-dark{background:#1c1e24;color:#f0f1f4}.widget-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding-bottom:10px;border-bottom:1px solid rgba(128,128,128,.25)}.widget-title{font-size:14px;font-weight:700}.widget-light .widget-title{color:#b47b00}.widget-dark .widget-title{color:#f0c343}.widget-date{font-size:11px;opacity:.7;white-space:nowrap}.widget-rows{flex:1;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:10px 0}.widget-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.widget-label{font-size:12px;opacity:.75}.widget-value{font-size:14px;font-weight:700;display:flex;align-items:center;gap:6px}.widget-value em{font-style:normal;font-size:10px}.widget-value em.up{color:#12b76a}.widget-value em.down{color:#f04438}.widget-table-wrap{flex:1;overflow-y:auto;margin:8px 0}.widget-table{width:100%;border-collapse:collapse;font-size:11px}.widget-table th{position:sticky;top:0;text-align:right;font-size:9px;text-transform:uppercase;letter-spacing:.04em;opacity:.65;padding:4px 6px}.widget-light .widget-table th{background:#fff}.widget-dark .widget-table th{background:#1c1e24}.widget-table th:first-child,.widget-table td:first-child{text-align:left}.widget-table td{text-align:right;padding:4px 6px;border-top:1px solid rgba(128,128,128,.15);font-variant-numeric:tabular-nums}.widget-table .wt-date{font-weight:600;white-space:nowrap;opacity:.85}.widget-footer{display:flex;align-items:center;gap:6px;font-size:10px;opacity:.65;text-decoration:none;color:inherit;padding-top:8px;border-top:1px solid rgba(128,128,128,.25)}.widget-footer:hover{opacity:1}.widget-dot{width:7px;height:7px;border-radius:50%;background:#98a2b3}.widget-dot.live{background:#12b76a}:root{--gold: #e8a700;--gold-dark: #b47b00;--silver: #7a8ba3;--ink: #1f2430;--muted: #6b7280;--bg: #f6f7f9;--card: #ffffff;--border: #e5e7eb;--bg-alt: #fafafa;--row-border: #f1f2f4;--hover-row: #fffdf5;--latest-row: #fdf8e8;--pill-bg: #fdf3d7;--pill-border: #f0dca4;--stage-1: #f0f1f3;--stage-2: #ffffff;--radius: 14px}html[data-theme=dark]{--gold: #f0c343;--gold-dark: #e8b93a;--silver: #93a3b8;--ink: #e7e8ec;--muted: #98a0ae;--bg: #131419;--card: #1d1f26;--border: #2d303a;--bg-alt: #22242c;--row-border: #26282f;--hover-row: #23252d;--latest-row: #2b2716;--pill-bg: #33290f;--pill-border: #5a4a1f;--stage-1: #191a20;--stage-2: #15161b}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--ink);transition:background .2s,color .2s}.app{display:flex;flex-direction:column;min-height:100vh}.app>main{flex:1;padding-bottom:40px}.container{max-width:960px;margin:0 auto;padding:0 20px}.header{background:linear-gradient(135deg,#23252b,#2f3238);color:#fff;position:sticky;top:0;z-index:10;box-shadow:0 2px 8px #0003}.header-inner{display:flex;align-items:center;justify-content:space-between;height:60px}.logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:700;font-size:18px}.logo-badge{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--gold),#ffd75e);color:#5c3d00;font-family:Georgia,serif;font-weight:700}.logo-accent{color:var(--gold)}.header-right{display:flex;align-items:center;gap:14px}.nav{display:flex;gap:18px}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:#e6e7eb;cursor:pointer;transition:all .15s}.theme-toggle:hover{border-color:var(--gold);color:var(--gold)}.nav a{color:#d6d8de;text-decoration:none;font-size:14px;transition:color .15s}.nav a:hover{color:var(--gold)}.section{padding:32px 0 8px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}.section-title{font-size:22px;margin:0 0 16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.section-head .section-title{margin:0}.date-pill{font-size:13px;font-weight:600;color:var(--gold-dark);background:var(--pill-bg);border:1px solid var(--pill-border);padding:4px 12px;border-radius:999px}.source-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 12px;border-radius:999px}.source-badge.live{color:#067647;background:#ecfdf3;border:1px solid #abefc6}.source-badge.sample{color:var(--muted);background:var(--bg-alt);border:1px solid var(--border)}.source-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.source-badge.live .source-dot{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.refresh-btn{border:1px solid var(--border);background:var(--card);color:var(--muted);width:32px;height:32px;border-radius:50%;font-size:16px;cursor:pointer;transition:all .15s}.refresh-btn:hover:not(:disabled){border-color:var(--gold);color:var(--gold-dark)}.refresh-btn:disabled{opacity:.5;cursor:default}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:0 1px 3px #0000000d}.card-gold{border-top:4px solid var(--gold)}.card-silver{border-top:4px solid var(--silver)}.card-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.card-top h2{font-size:16px;margin:0}.card-sub{font-size:12px;color:var(--muted)}.card-price{font-size:30px;font-weight:700;margin:12px 0 6px;letter-spacing:-.5px}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:13px}.change{font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px}.change.up{color:#067647;background:#ecfdf3}.change.down{color:#b42318;background:#fef3f2}.card-gram{margin-top:12px;padding-top:12px;border-top:1px dashed var(--border);font-size:12px;color:var(--muted)}.range-buttons{display:flex;gap:6px}.range-btn{border:1px solid var(--border);background:var(--card);color:var(--muted);font-size:13px;font-weight:600;padding:6px 14px;border-radius:8px;cursor:pointer;transition:all .15s}.range-btn:hover{border-color:var(--gold);color:var(--gold-dark)}.range-btn.active{background:var(--gold);border-color:var(--gold);color:#fff}.chart-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px 8px 8px;box-shadow:0 1px 3px #0000000d}.chart-note{text-align:center;font-size:12px;color:var(--muted);margin:4px 0 8px}.chart-tooltip{background:var(--card);color:var(--ink);border:1px solid var(--border);border-radius:10px;padding:10px 14px;font-size:13px;box-shadow:0 4px 12px #0000001f}.chart-tooltip-date{font-weight:700;margin-bottom:6px}.chart-tooltip-row{display:flex;align-items:center;gap:6px;padding:2px 0}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.search{border:1px solid var(--border);border-radius:8px;padding:8px 14px;font-size:14px;width:260px;max-width:100%;outline:none;background:var(--card);color:var(--ink);transition:border-color .15s}.search:focus{border-color:var(--gold)}.table-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 1px 3px #0000000d}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;background:var(--bg-alt);color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em;padding:12px 16px;border-bottom:1px solid var(--border)}.table td{padding:11px 16px;border-bottom:1px solid var(--row-border)}.table tbody tr:hover{background:var(--hover-row)}.table tr.latest td{font-weight:700;background:var(--latest-row)}.td-date{font-weight:600;white-space:nowrap}.empty{text-align:center;color:var(--muted);padding:28px!important}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:12px;border-top:1px solid var(--border);font-size:13px;color:var(--muted)}.pagination button{border:1px solid var(--border);background:var(--card);border-radius:8px;padding:6px 14px;font-size:13px;cursor:pointer;transition:all .15s}.pagination button:hover:not(:disabled){border-color:var(--gold);color:var(--gold-dark)}.pagination button:disabled{opacity:.4;cursor:default}.widgets-intro{color:var(--muted);font-size:15px;line-height:1.6;max-width:720px;margin:-4px 0 20px}.widgets-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.widgets-options h2,.preview-title{font-size:16px;margin:0 0 16px}.option-group{margin-bottom:18px}.option-label{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:8px}.option-group .range-buttons{flex-wrap:wrap}.code-box{border-top:1px dashed var(--border);padding-top:14px}.code-box-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.code-box-head .option-label{margin:0}.copy-btn{border:1px solid var(--gold);background:var(--gold);color:#fff;font-size:13px;font-weight:600;padding:5px 16px;border-radius:8px;cursor:pointer;transition:opacity .15s}.copy-btn:hover{opacity:.85}.code-box textarea{width:100%;border:1px solid var(--border);border-radius:8px;background:var(--bg-alt);font-family:Consolas,monospace;font-size:12px;padding:10px;color:var(--ink);resize:vertical;outline:none}.code-box textarea:focus{border-color:var(--gold)}.preview-stage{border-radius:var(--radius);padding:24px;display:flex;justify-content:center;align-items:center;min-height:260px;background:repeating-conic-gradient(var(--stage-1) 0% 25%,var(--stage-2) 0% 50%) 0 0 / 20px 20px;border:1px solid var(--border)}.preview-stage.dark{background:repeating-conic-gradient(#2a2c33,#2a2c33 25%,#23252b 0%,#23252b 50%) 0 0 / 20px 20px}@media (max-width: 760px){.widgets-grid{grid-template-columns:1fr}}.footer{padding:24px 0;background:#23252b;color:#b8bcc6;font-size:13px;text-align:center}.footer p{margin:6px auto;max-width:640px}.footer-copy{color:#7c818d;font-size:12px}@media (max-width: 760px){.cards{grid-template-columns:1fr}.section-head{flex-direction:column;align-items:flex-start}.search{width:100%}.table{font-size:13px}.table th,.table td{padding:9px 10px}.card-price{font-size:26px}}