*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang TC,Microsoft JhengHei,sans-serif;background:#000;color:#f0f9ff}.app-root{min-height:100dvh;display:flex;flex-direction:column}.app-menu-footer{position:fixed;bottom:0;left:0;right:0;z-index:100;display:flex;justify-content:center;align-items:flex-end;padding:6px 8px 8px;pointer-events:none}.app-menu-footer>.menu-toggle,.app-menu-footer>nav{pointer-events:auto}.menu-toggle{position:relative;z-index:102;width:28px;height:28px;border-radius:6px;border:1px solid rgba(103,232,249,.22);background:#0a1628bf;color:#a5f3fcbf;font-size:13px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.85}.menu-toggle:hover{opacity:1;border-color:#67e8f966;color:#a5f3fc}.nav-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#00000073;border:none;cursor:pointer;pointer-events:auto}.nav-drawer{position:fixed;bottom:44px;left:50%;transform:translate(-50%);z-index:101;display:flex;flex-direction:column;gap:2px;min-width:148px;padding:10px 12px;border-radius:10px;border:1px solid rgba(103,232,249,.3);background:#0a1628f7;box-shadow:0 -8px 32px #00000073}.nav-drawer--centered{top:50%;bottom:auto;left:50%;right:auto;transform:translate(-50%,-50%);box-shadow:0 20px 50px #0000008c}.nav-drawer a{color:#e0f2fe;text-decoration:none;padding:8px 12px;border-radius:6px;font-size:14px;text-align:center}.nav-action{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(103,232,249,.22);background:#67e8f914;color:#e0f2fe;padding:8px 12px;border-radius:6px;font-size:14px;cursor:pointer}.nav-action:hover{background:#67e8f924;border-color:#67e8f959}.nav-drawer a:hover,.nav-drawer a.active{background:#67e8f91f;color:#67e8f9}.app-main{flex:1;display:flex;align-items:center;justify-content:center;padding:8px;min-height:100dvh}.app-main--footer-menu{padding-bottom:40px}.page{width:100%;max-width:960px}.app-menu-inline{display:flex;justify-content:center;align-items:center;padding:10px 0 2px;margin-top:6px;border-top:1px solid rgba(103,232,249,.12)}.menu-toggle--inline{opacity:.7}.menu-toggle--inline:hover{opacity:1}.page-home-kiosk{max-width:none;display:flex;align-items:center;justify-content:center;min-height:calc(100dvh - 16px)}.frame-9-16{width:min(100vw,calc((100dvh - 16px)*.5625));height:calc(min(100vw,calc((100dvh - 16px)*.5625)) * 16 / 9);max-height:calc(100dvh - 16px);margin:0 auto;display:flex;flex-direction:column;overflow:hidden;border-radius:4px;border:1px solid rgba(103,232,249,.25);box-shadow:0 0 60px #06b6d414}.price-board{flex:1;display:flex;flex-direction:column;min-height:0;background:#000;color:#f8fafc;--rowGap: clamp(40px, 6.4vh, 88px);--colGap: clamp(14px, 2.4vw, 24px);padding:clamp(10px,2.6vw,18px) clamp(14px,3.2vw,28px) clamp(10px,2.4vw,18px)}.price-board-header{display:flex;align-items:center;gap:clamp(8px,2.5vw,14px);margin-bottom:calc(var(--rowGap) * .75);flex-shrink:0}.price-board-header--logo{justify-content:center;gap:0;padding:clamp(10px,1.6vh,22px) 10% 0}.brand-logo{width:100%;height:auto;max-height:clamp(140px,22vh,340px);object-fit:contain;display:block;filter:drop-shadow(0 8px 24px rgba(0,0,0,.55))}.price-board-table-wrap{flex:1;min-height:0;display:flex;flex-direction:column;border-top:1px solid rgba(103,232,249,.35);padding-top:calc(var(--rowGap) * .35)}.price-board-colhead{display:grid;grid-template-columns:minmax(0,1.15fr) auto 1fr 1fr;gap:clamp(6px,1.2vw,12px);align-items:end;padding:0 0 clamp(10px,1.8vw,16px);font-size:clamp(36px,3.6vh,52px);color:#a5f3fc}.colhead-spacer,.colhead-ccy{min-height:1em}.colhead-sell,.colhead-buy{text-align:center;font-weight:600;padding-right:2px}.metal-section{flex-shrink:0}.metal-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(103,232,249,.45) 15%,rgba(103,232,249,.45) 85%,transparent);margin:var(--rowGap) 0}.metal-grid{display:grid;grid-template-columns:minmax(0,1.15fr) auto 1fr 1fr;grid-template-rows:auto auto;gap:var(--rowGap) var(--colGap);align-items:center;font-variant-numeric:tabular-nums}.metal-title{grid-column:1;grid-row:1 / -1;align-self:center;font-weight:700;font-size:clamp(44px,4.2vh,68px);line-height:1.1;color:#f8fafc;padding-right:4px}.metal-title-main{font-weight:800}.metal-title-sub{font-weight:600;font-size:.7em;color:#94a3b8}.ccy-label{grid-column:2;font-size:clamp(23px,2.25vh,33px);color:#7dd3fc;font-weight:600;white-space:nowrap;padding-right:2px}.metal-grid>.ccy-label:nth-child(2){grid-row:1}.metal-grid>.ccy-label:nth-child(5){grid-row:2}.price-num{text-align:center;font-size:clamp(38px,3.6vh,61px);font-weight:700;color:#f0f9ff;letter-spacing:.02em;line-height:1.15}.metal-grid>.price-num:nth-child(3){grid-column:3;grid-row:1}.metal-grid>.price-num:nth-child(4){grid-column:4;grid-row:1}.metal-grid>.price-num:nth-child(6){grid-column:3;grid-row:2}.metal-grid>.price-num:nth-child(7){grid-column:4;grid-row:2}.price-board-wave{flex-shrink:0;height:clamp(56px,10vh,160px);background:radial-gradient(ellipse 120% 80% at 50% 100%,rgba(34,211,238,.12),transparent 55%),repeating-linear-gradient(90deg,transparent,transparent 8px,rgba(103,232,249,.06) 8px,rgba(103,232,249,.06) 9px);opacity:.9}.price-board-footer{flex-shrink:0;text-align:center;font-size:clamp(14px,1.3vh,20px);color:#94a3b8;line-height:1.45;padding-top:clamp(10px,1.8vw,16px);padding-bottom:6px}.price-board-footer>div+div{margin-top:2px}.page-title{margin-bottom:16px;font-size:20px}.card{background:#0f172ae6;border-radius:12px;padding:20px;border:1px solid rgba(148,163,184,.5)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field span{font-size:14px}input{padding:8px 10px;border-radius:8px;border:1px solid rgba(148,163,184,.8);background:#020617;color:#e5e7eb}.btn-primary{padding:8px 16px;border-radius:999px;border:none;background:linear-gradient(90deg,#fbbf24,#f59e0b);color:#111827;font-weight:600;cursor:pointer}.btn-primary:hover{filter:brightness(1.05)}.btn-secondary{padding:8px 16px;border-radius:999px;border:1px solid rgba(148,163,184,.6);background:transparent;color:#e5e7eb;font-weight:500;cursor:pointer}.btn-secondary:hover{background:#94a3b826}.chart-container{background:#0f172ae6;border-radius:12px;padding:16px;border:1px solid rgba(148,163,184,.5)}.page-chart,.page-admin{padding:8px 16px 24px}@media(max-width:380px){.metal-grid{grid-template-columns:minmax(0,1fr) auto minmax(0,.95fr) minmax(0,.95fr)}}@media(max-width:520px){.page-home-kiosk{min-height:100dvh}.frame-9-16{width:100vw;height:100dvh;max-height:100dvh;border-radius:0;border-left:none;border-right:none;box-shadow:none}.price-board{padding:12px 14px 14px;--rowGap: 18px;--colGap: 10px}.price-board-header--logo{padding:10px 8% 0}.brand-logo{max-height:110px}.price-board-header{margin-bottom:14px}.price-board-table-wrap{padding-top:10px}.price-board-colhead{font-size:22px;padding-bottom:10px;gap:10px;grid-template-columns:minmax(0,1.35fr) 40px minmax(0,1fr) minmax(0,1fr);align-items:center}.colhead-sell,.colhead-buy{justify-self:center;text-align:center;padding-right:0}.ccy-label{font-size:16px;justify-self:start;padding-right:4px}.metal-title{font-size:28px}.metal-title-sub{font-size:.72em}.price-num{font-size:24px;letter-spacing:0;text-align:right}.metal-grid{grid-template-columns:minmax(0,1.35fr) 40px minmax(0,1fr) minmax(0,1fr);gap:var(--rowGap) var(--colGap)}.colhead-buy{padding-left:6px}.metal-grid>.price-num:nth-child(4),.metal-grid>.price-num:nth-child(7){padding-left:6px}.price-board-wave{height:36px}.price-board-footer{font-size:12px;padding-top:10px;padding-bottom:8px}}