:root{color-scheme:dark;--bg:#090b0e;--card:#15181e;--line:#252a32;--muted:#939ba8;--gold:#65a9ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#15243d 0, #0b0d11 48%);color:#f5f5f6;font:15px/1.6 system-ui,sans-serif}.app{max-width:980px;margin:auto;min-height:100vh;padding:0 28px 110px}header{display:flex;align-items:center;justify-content:space-between;padding:28px 0;border-bottom:1px solid var(--line);gap:12px}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;letter-spacing:1px;font-size:15px}.brand>b{display:grid;place-items:center;background:var(--gold);color:#07182d;font-size:30px;width:48px;height:48px;border-radius:15px;box-shadow:0 0 30px #65a9ff1a}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:.4px;color:var(--muted)}.pill{font-size:10px;color:var(--gold);background:#65a9ff10;border:1px solid #65a9ff24;padding:5px 10px;border-radius:8px}main{padding-top:30px}h1{font-size:clamp(30px,5vw,47px);line-height:1.16;letter-spacing:-1.4px;margin:15px 0}h2{font-size:22px;line-height:1.3;margin:0 0 14px}h3{margin:0 0 7px;font-size:16px}p{color:var(--muted);margin:12px 0}em{font-style:normal;color:var(--gold)}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--gold);font-weight:700}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:center;padding:28px 0 36px}.card{background:linear-gradient(145deg,#191c23,#111419);border:1px solid var(--line);border-radius:20px;padding:24px;margin-bottom:18px}.chart{height:175px;display:flex;gap:10px;align-items:center;background:repeating-linear-gradient(0deg,transparent,transparent 42px,#242932 43px);overflow:hidden;margin:18px 0}.candle{width:13px;position:relative;background:#44c99d;border-radius:2px;flex-shrink:0}.candle:before{content:'';position:absolute;width:1px;top:-9px;bottom:-9px;left:6px;background:inherit}.candle.red{background:#df6c80}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.metric b{display:block;color:var(--gold);font-size:26px}.metric small{color:var(--muted);font-size:12px}.button,button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:none;border-radius:11px;padding:14px 22px;background:var(--gold);color:#07182d;font:700 14px system-ui;text-decoration:none;cursor:pointer}.button:hover,button:hover{filter:brightness(1.08)}.wide{width:100%;margin-top:14px}.secondary{background:#242932;color:#e3e7ed}.note{font-size:12px;color:var(--muted)}nav{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);width:min(924px,calc(100% - 28px));display:flex;background:#16191ff0;backdrop-filter:blur(16px);border:1px solid #30343c;border-radius:18px;padding:8px;z-index:3;box-shadow:0 10px 35px #0008}nav a{flex:1;text-align:center;color:#8a929e;text-decoration:none;padding:7px 1px;border-radius:12px;font-size:22px}nav span{display:block;font-size:10px}nav a.active{background:#65a9ff15;color:var(--gold)}.upload{display:block;text-align:center;border:1px dashed #5c5340;background:#65a9ff06;border-radius:16px;padding:40px 16px;cursor:pointer;margin-top:16px}.upload strong{display:block;margin-top:10px}.upload input{display:block;width:100%;margin-top:20px;color:var(--muted)}input,select{background:#0d1015;border:1px solid #303640;color:white;border-radius:10px;padding:13px;font:inherit;width:100%}label small{display:block;color:var(--muted);margin:10px 0 6px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.preview{max-height:330px;max-width:100%;border-radius:12px;display:block;margin:15px auto}details{border-bottom:1px solid var(--line);padding:17px 0}summary{cursor:pointer;font-weight:600}.step{display:flex;gap:14px;padding:15px 0;border-bottom:1px solid var(--line)}.step b{color:var(--gold)}.empty{text-align:center;padding:45px 18px}.icon{font-size:36px;color:var(--gold)}.status{padding:12px 16px;background:#65a9ff10;border-radius:10px;color:#b4d2ff;font-size:13px;margin-top:16px}@media(max-width:620px){.app{padding:0 18px 110px}.hero{grid-template-columns:1fr;gap:12px}.hero>div:first-child{text-align:center}header{padding:18px 0}.brand{font-size:12px}.pill{font-size:8px}.card{padding:20px}.grid{gap:8px}.metric b{font-size:23px}.formgrid{gap:10px}.chart{height:140px}h1{font-size:36px}}

/* Telegram Mini App: constrain grid content to the actual viewport. */
html{width:100%;min-width:0;overflow-x:hidden;-webkit-text-size-adjust:100%}
body{width:100%;min-width:0;margin:0}
.app{width:100%;min-width:0}
main,section,.hero,.hero>div,.card,.grid>div,.formgrid>label{min-width:0;max-width:100%}
.hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.formgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
h1,h2,h3,p{overflow-wrap:anywhere}
.chart{width:100%;min-width:0}
input,select,button,.button{max-width:100%;min-width:0}
header .brand{min-width:0;flex:1}
header .brand>span{min-width:0}
header .brand>b{flex-shrink:0}
header .pill{flex-shrink:0}
#language{flex:0 0 66px!important;width:66px!important}
nav{padding-bottom:max(8px,env(safe-area-inset-bottom));bottom:max(10px,env(safe-area-inset-bottom))}
@media(max-width:700px){.hero{grid-template-columns:minmax(0,1fr)}.app{padding-left:16px;padding-right:16px}.hero>div:first-child{text-align:center}h1{font-size:clamp(28px,7vw,36px)}header{gap:8px}.brand{font-size:12px}.brand small{font-size:9px}.brand>b{width:38px;height:42px;font-size:26px}header .pill{font-size:8px;padding:4px 6px;letter-spacing:0}main{padding-top:20px}.hero{padding-top:14px;gap:12px}nav{width:calc(100% - 20px)}}
@media(max-width:370px){header .pill{display:none}.card{padding:16px}.grid{gap:6px}.metric b{font-size:20px}.metric small{font-size:10px}.formgrid{grid-template-columns:minmax(0,1fr)}}
/* Working application states */
.intro{padding:26px 0 22px;max-width:680px}.intro h1{font-size:clamp(30px,7vw,46px)}
.access-strip{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#65a9ff0c;border:1px solid #65a9ff26;padding:18px 20px;border-radius:16px;margin:16px 0 24px}.access-strip small,.access-strip strong{display:block}.access-strip small{color:var(--muted);font-size:11px}.access-strip b{color:var(--gold);font-size:30px}
.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}#notice{position:relative;margin-top:16px;padding:13px 16px;border:1px solid #65a9ff40;border-radius:12px;color:#65a9ff;font-size:13px;background:#17283e}#notice[hidden]{display:none}
.intro .wide{max-width:440px}.text-link{color:var(--gold);text-decoration:none}.upload-title{margin-top:24px}.file-input{font-size:12px;padding:10px;margin:12px 0}.upload .preview{max-height:360px;max-width:100%;object-fit:contain}.row{flex-wrap:wrap}button:disabled{opacity:.45;cursor:not-allowed}.history-item{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;text-align:left;background:var(--card);color:#eee;border:1px solid var(--line);padding:18px;border-radius:14px;margin:10px 0}.history-item small{display:block;color:var(--muted);font-size:11px;font-weight:400;margin-top:5px}.direction.UP,.result.UP .result-direction{color:#48d5ab}.direction.DOWN,.result.DOWN .result-direction{color:#f2829c}.direction.WAIT,.result.WAIT .result-direction{color:var(--gold)}.result-direction{font-size:34px;margin:24px 0 14px}.result-meta{display:flex;gap:16px;align-items:center}.result-meta span{color:var(--muted);font-size:12px}.result time{font-size:10px;color:var(--muted)}.result h3{margin-top:22px}.reason{white-space:pre-line;color:#e2e5eb}.card ul{padding-left:20px;color:#bec5d0}.card li{margin:10px 0}.check{display:flex;justify-content:space-between;gap:12px;margin:16px 0}.check small{color:var(--gold)}dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:13px}dt{color:var(--muted)}dd{margin:0;text-align:right;overflow-wrap:anywhere}.spinner{width:34px;height:34px;border:3px solid #65a9ff20;border-top-color:var(--gold);border-radius:50%;margin:25px auto;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}.intro .note{max-width:500px}
@media(max-width:700px){.app{padding-bottom:calc(115px + env(safe-area-inset-bottom))}.intro{padding-top:10px}.access-strip{padding:15px 16px}.card{border-radius:16px}.brand small{max-width:none}.result-direction{font-size:30px}.check{font-size:13px}.check small{font-size:11px}header{padding-top:max(18px,env(safe-area-inset-top))}}
.score-card{margin:24px 0;padding:18px;border:1px solid var(--line);border-radius:14px;background:#0c1015}.score-card h3{margin:0 0 16px}.score-values{display:flex;justify-content:space-between;gap:12px;font-size:14px}.score-track{margin:12px 0}.score-track meter{display:block;width:100%;height:14px;appearance:none;-webkit-appearance:none;background:#ed7390;border:0;border-radius:8px;overflow:hidden}.score-track meter::-webkit-meter-bar{background:#ed7390;border:0;border-radius:8px}.score-track meter::-webkit-meter-optimum-value{background:#47cfa5}.score-track meter::-moz-meter-bar{background:#47cfa5}.entry-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0 14px}.entry-up{background:#153d33;color:#70e4be;border:1px solid #31866c}.entry-down{background:#432332;color:#ff9fb6;border:1px solid #9a4962}.entry-panel{padding:18px;border:1px solid #65a9ff40;background:#65a9ff08;border-radius:14px}.entry-panel h3{margin-top:0}.entry-panel p{font-size:13px}@media(max-width:370px){.score-values{font-size:12px}.entry-buttons{gap:8px}.entry-buttons button{padding:13px 8px;font-size:12px}}

.brand>b{background:linear-gradient(135deg,#65a9ff,#8c86f8);color:#07182d}.pocket-login{margin-top:20px}.pocket-login .note{font-size:12px}.pocket-login input{margin-bottom:12px}