*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Helvetica Neue,Arial,sans-serif;background:#f8fafc;min-height:100vh;padding:32px 20px;color:#1e293b;line-height:1.6}.container{max-width:1400px;margin:0 auto;background:#fff;border-radius:16px;padding:48px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid #e2e8f0}.header{text-align:center;margin-bottom:48px;padding-bottom:24px;border-bottom:1px solid #e2e8f0}.title{font-size:2.75rem;font-weight:700;color:#0f172a;letter-spacing:-.025em;margin-bottom:0}.controls{display:flex;justify-content:center;gap:8px;margin-bottom:48px;padding:8px;background:#f1f5f9;border-radius:12px;width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto}.timeframe-btn{padding:12px 24px;border:none;background:transparent;border-radius:8px;font-size:.95rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease;position:relative;min-width:60px}.timeframe-btn:hover{color:#334155;background:#fffc}.timeframe-btn.active{background:#fff;color:#0f172a;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.chart-container{position:relative;height:520px;margin-bottom:32px;padding:32px 24px;background:#fff;border-radius:12px;border:1px solid #e2e8f0}.watermark-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#9ca3af;font-size:24px;font-weight:700;pointer-events:none;z-index:10;opacity:.3}.legend{display:flex;justify-content:center;gap:48px;padding:24px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.legend-item{display:flex;align-items:center;gap:12px;font-weight:600;color:#374151;font-size:.95rem}.legend-color{width:16px;height:16px;border-radius:4px;border:2px solid #ffffff;box-shadow:0 1px 3px #0000001a}.legend-color.btc{background:#f7931a}.legend-color.rolex{background:#1e40af}.loading{display:flex;justify-content:center;align-items:center;height:200px}.spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){.container{padding:32px}.chart-container{height:480px;padding:24px 16px}}@media (max-width: 768px){body{padding:16px}.container{padding:24px;border-radius:12px}.title{font-size:2.25rem}.chart-container{height:400px;padding:16px 12px}.controls{gap:4px;padding:6px}.timeframe-btn{padding:10px 18px;font-size:.9rem;min-width:50px}.legend{gap:24px;padding:20px}.legend-item{font-size:.9rem}}.footer{text-align:center;margin-top:32px;padding:20px;color:#374151;font-size:1.1rem;font-weight:500;font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.pix-link{color:#3b82f6;text-decoration:none;font-weight:800;font-size:1.3rem;font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;letter-spacing:-.02em;transition:all .3s ease;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.pix-link:hover{color:#1d4ed8;transform:scale(1.02);text-shadow:2px 2px 4px rgba(0,0,0,.2)}.penguin-character{position:fixed;z-index:1000;opacity:0;pointer-events:none;transition:all .6s cubic-bezier(.68,-.55,.265,1.55);transform:scale(0) rotate(-180deg);width:80px;height:80px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));animation:float 3s ease-in-out infinite}.penguin-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.penguin-character.show{opacity:1;transform:scale(1) rotate(0);animation:bounce-in .8s cubic-bezier(.68,-.55,.265,1.55),float 3s ease-in-out infinite .8s}.penguin-character.top-left{top:20px;left:20px;transform-origin:top left}.penguin-character.top-right{top:20px;right:20px;transform-origin:top right}.penguin-character.bottom-left{bottom:20px;left:20px;transform-origin:bottom left}.penguin-character.bottom-right{bottom:20px;right:20px;transform-origin:bottom right}@keyframes bounce-in{0%{transform:scale(0) rotate(-180deg);opacity:0}50%{transform:scale(1.3) rotate(-90deg);opacity:.8}70%{transform:scale(.9) rotate(10deg);opacity:1}85%{transform:scale(1.1) rotate(-5deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(2deg)}50%{transform:translateY(-12px) rotate(0)}75%{transform:translateY(-8px) rotate(-2deg)}}@media (max-width: 480px){.title{font-size:1.875rem}.chart-container{height:320px;padding:12px 8px}.controls{flex-wrap:wrap;gap:6px}.timeframe-btn{padding:8px 14px;font-size:.85rem;min-width:45px}.legend{flex-direction:column;gap:16px;align-items:center}}