:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--text-primary: #333333;--text-secondary: #666666;--border-color: #dddddd;--card-bg: #ffffff;--shadow: rgba(0,0,0,.1);--btn-bg: #007bff;--btn-text: #ffffff;--telegram-bg: #0088cc;--telegram-shadow: rgba(0,136,204,.3);--prediction-color: #28a745;--primary-color: #007bff;--link-color: #007bff}[data-theme=dark]{--bg-primary: #2e2d2d;--bg-secondary: #1e1e1e;--text-primary: #f0f0f0;--text-secondary: #aaaaaa;--border-color: #333333;--card-bg: #212121;--shadow: rgba(0,0,0,.3);--btn-bg: #444444;--telegram-bg: #3a3a3a;--telegram-shadow: rgba(0,0,0,.3);--prediction-color: #4ade80;--primary-color: #4dabf7;--link-color: #93c5fd}*{margin:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background-color:var(--bg-secondary);color:var(--text-primary);padding:15px;margin:0;overflow-x:hidden}.header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:var(--card-bg);border-bottom:1px solid var(--border-color);margin-bottom:10px;border-radius:8px}.header-left{display:flex;align-items:center;gap:12px}.container{display:grid;grid-template-columns:3fr 1fr;gap:10px;width:100%;height:80vh;margin:auto;box-sizing:border-box}.right-panel{display:flex;flex-direction:column;gap:10px;height:100%}.avatar-block{flex:none}.prediction-block{flex:1;min-height:0;display:flex;flex-direction:column}.chart-block,.avatar-block,.prediction-block{background-color:var(--card-bg);padding:15px;border-radius:8px;box-shadow:0 2px 8px var(--shadow)}.avatar-img{width:100%;max-width:400px;height:auto;object-fit:cover;margin-bottom:5px;border:2px solid var(--border-color);box-sizing:border-box;border-radius:4px}.chart-block{display:flex;flex-direction:column;height:100%}#tradingview_widget{flex:1;min-height:0;width:100%}@media(max-width:900px){.container{grid-template-columns:1fr}@media(orientation:portrait){.right-panel{flex-direction:column}.avatar-img{max-height:8vh;width:auto;margin:0}#tradingview_widget{height:25vh;min-height:150px}.prediction-block{min-height:200px}}@media(orientation:landscape){.right-panel{display:grid;grid-template-columns:40% 60%;gap:10px;height:auto}.avatar-block,.prediction-block{min-height:180px}.prediction-block{margin-right:10px}.avatar-img{width:auto;margin:0}#tradingview_widget{height:100vh;min-height:300px}}}.loading{text-align:center;padding:20px;color:var(--text-secondary)}.controls{display:flex;gap:12px;align-items:center}.theme-switch{position:relative;display:inline-block;width:50px;height:24px}.theme-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#666;border-radius:24px}.slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:transform .3s}input:checked+.slider:before{transform:translate(26px)}.slider:after{content:"";position:absolute;top:50%;left:0;width:100%;height:100%;transform:translateY(-50%);background-image:url(/assets/icons/sun.svg),url(/assets/icons/moon.svg);background-repeat:no-repeat;background-position:6px center,calc(100% - 6px) center;background-size:12px 12px;pointer-events:none}.telegram-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background-color:var(--telegram-bg);color:#fff;text-decoration:none;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .2s,transform .1s;box-shadow:0 2px 6px var(--telegram-shadow)}.telegram-btn:hover{background-color:#0077b5;transform:translateY(0)}.telegram-btn:active{transform:translateY(0)}.telegram-icon{width:20px;height:20px;background-size:contain;background-repeat:no-repeat;background-position:center;display:inline-block;vertical-align:middle}:root .telegram-icon{background-image:url(/assets/icons/telegram-light.svg)}[data-theme=dark] .telegram-icon{background-image:url(/assets/icons/telegram-dark.svg)}.auth-btn{min-width:120px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:6px 16px;background-color:var(--btn-bg);color:var(--btn-text);text-decoration:none;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .2s,transform .1s;box-shadow:0 2px 6px #0000001a}.auth-btn:hover{background-color:#0056b3;transform:translateY(0)}.auth-btn:active{transform:translateY(0)}.auth-icon{width:20px;height:20px;background-size:contain;background-repeat:no-repeat;background-position:center;display:inline-block;vertical-align:middle;fill:currentColor}.auth-btn[data-state=login] .auth-icon{background-image:url(/assets/icons/log-in-icon.svg)}.auth-btn[data-state=logout] .auth-icon{background-image:url(/assets/icons/log-out-icon.svg)}.lang-selector select{padding:5px;background-color:var(--card-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:4px}.avatar-block{display:flex;align-items:center;justify-content:flex-start;position:relative}.avatar-img{flex:0 0 auto;max-width:60%;object-fit:cover;border:2px solid var(--border-color);box-sizing:border-box}.avatar-block .telegram-btn{position:absolute;top:50%;right:15px;transform:translateY(-50%);z-index:10}@media(max-width:768px)and (orientation:portrait){.avatar-block .telegram-btn{right:10px}.avatar-img{max-width:100%}}@media(max-width:768px)and (orientation:landscape){.avatar-block .telegram-btn{right:10px}.avatar-img{max-width:clamp(120px,35vw,200px);height:auto}}.prediction-title{font-weight:700;margin-bottom:10px;font-size:18px}.prediction-list{list-style:none;padding:0 5px 0 0;margin:0;overflow-y:auto;flex:1;min-height:0}.prediction-item{padding:10px;margin-bottom:0;border-radius:8px;background:#007bff0d;border-left:4px solid var(--btn-bg);line-height:1.4}.prediction-item strong{display:block;margin-bottom:4px;color:var(--prediction-color)}.prediction-time{font-size:12px;color:var(--text-secondary);margin-top:6px}.update-note-item{list-style:none;margin:0 0 0 10px;font-size:12px;color:var(--text-secondary);font-style:italic;text-align:right;background:transparent}#tradingview_widget{width:100%;height:100%}.timeframe-selector{display:flex;gap:8px;padding:8px 12px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);align-items:center}.timeframe-selector button{padding:6px 12px;border:1px solid var(--border-color);background:transparent;color:var(--text-primary);border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s;min-width:40px;text-align:center}.timeframe-selector button.active{background:var(--primary-color);color:#fff}.timeframe-selector a.tradingview-link{margin-left:auto;color:var(--link-color, #007bff);font-size:12px;text-decoration:none;padding:6px 0}[data-theme=dark] .timeframe-selector a.tradingview-link{color:var(--link-color, #93c5fd)}