*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body,html{overflow-x:hidden}body{min-height:100%;min-height:100dvh;background:#000;color:#e0e0e0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;padding-bottom:env(safe-area-inset-bottom,0)}main{max-width:100vw;overflow-x:hidden}a{color:#ffd700}button{cursor:pointer;background:#1a1a1a;color:#fff;border:1px solid #333;padding:12px 16px;border-radius:8px;font-size:.95rem;min-height:44px;touch-action:manipulation}button:hover{background:#2a2a2a}button:active{transform:scale(.98)}button.primary{background:#2d5a27;border-color:#3d7a37}button:disabled{opacity:.6;cursor:not-allowed}input,select{display:block;width:100%;max-width:100%;min-width:0;background:#111;color:#eee;border:1px solid #444;padding:12px 14px;border-radius:8px;font-size:16px;line-height:1.3;-webkit-appearance:none;-moz-appearance:none;appearance:none}input,input[type=date],select{min-height:48px}input[type=number]{-moz-appearance:textfield}.panel{background:#0d0d0d;border:1px solid #222;border-radius:10px;padding:16px;width:100%;max-width:100%;overflow:hidden}.panel h2{font-size:1.05rem;color:#ffd700;margin-bottom:14px}.field{display:flex;flex-direction:column;gap:6px;width:100%;margin-bottom:12px;font-size:.85rem;color:#bbb}.field span{font-weight:500}.metric{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin:8px 0;font-size:.9rem;word-break:break-word}.metric span:last-child{text-align:right;flex-shrink:0}.disclaimer{font-size:.75rem;color:#666;margin-top:8px;line-height:1.5;padding-bottom:env(safe-area-inset-bottom,16px)}.site-header{padding:max(14px,env(safe-area-inset-top)) 16px 12px;border-bottom:1px solid #222}.site-header h1{color:#ffd700;font-size:clamp(1rem,4.5vw,1.25rem);line-height:1.3;word-break:break-word}.site-header p{font-size:.75rem;color:#888;margin-top:6px;line-height:1.4}.error-banner{padding:12px 16px;color:#f44336;font-size:.85rem;line-height:1.4}.layout{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px;padding:12px max(12px,env(safe-area-inset-right)) 12px max(12px,env(safe-area-inset-left));width:100%;max-width:100%}.chart-section,.chart-wrap{width:100%;min-width:0}.chart-wrap{min-height:260px;height:42vh;max-height:420px}.oscillator-block{margin-top:12px;width:100%;min-width:0}.side{display:flex;flex-direction:column;gap:12px;width:100%;min-width:0}.btn-row{display:grid;grid-template-columns:1fr;grid-gap:10px;gap:10px;margin-top:14px}.btn-full,.btn-row,.btn-row button{width:100%}.btn-full{margin-top:4px}.table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:8px}.table-scroll table{min-width:200px}table{width:100%;font-size:.8rem;border-collapse:collapse}td,th{text-align:left;padding:8px 6px;border-bottom:1px solid #222;white-space:nowrap}.positive{color:#4caf50}.negative{color:#f44336}.muted{font-size:.8rem;color:#888}@media (min-width:640px){.btn-row{grid-template-columns:repeat(3,1fr)}.chart-wrap{min-height:320px;height:380px}.layout{padding:16px;gap:16px}}@media (min-width:1100px){.layout{grid-template-columns:1fr 340px;gap:20px;padding:16px 20px}.chart-wrap{min-height:480px;height:480px;max-height:none}}