:root{--primary-color: #4CAF50;--primary-color-hover: #45a049;--body-bg: #121212;--app-bg: #1a1a1a;--text-color: #e0e0e0;--muted-text-color: #a0a0a0;--input-bg: #2a2a2a;--input-border: #444;--input-placeholder-color: #666;--logout-link-color: #d32f2f;--logout-link-hover-color: #c62828;--link-color: #777;--link-hover-color: #999;--icon-wrapper-bg: #2a2a2a;--icon-color-filter: invert(100%);--chart-opacity: .2}body.light-theme{--body-bg: #f0f2f5;--app-bg: #ffffff;--text-color: #333333;--muted-text-color: #666666;--input-bg: #f9f9f9;--input-border: #cccccc;--input-placeholder-color: #999999;--logout-link-color: #e74c3c;--logout-link-hover-color: #c0392b;--link-color: #555;--link-hover-color: #333;--icon-wrapper-bg: #eeeeee;--icon-color-filter: none;--chart-opacity: .4}body{margin:0;font-family:Inter,sans-serif;background-color:var(--body-bg);display:flex;justify-content:center;align-items:center;min-height:100vh;color:var(--text-color);overflow-y:auto;transition:background-color .3s ease,color .3s ease}@media (max-width: 767px){#app{width:90%}}.app-container{width:100%;max-width:420px;height:667px;background-color:var(--app-bg);border-radius:20px;box-shadow:0 0 20px #00000080;overflow:hidden;position:relative;transition:all .3s ease}.screen{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;padding:30px;display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out;overflow-y:auto;-webkit-overflow-scrolling:touch}.screen.active{opacity:1;pointer-events:auto;position:relative}.background-chart,.background-chart-trade{position:absolute;top:0;left:0;width:100%;height:25%;background-image:url(/assets/chart-background-BaKrx1B8.png);background-size:cover;background-position:center;opacity:var(--chart-opacity);z-index:0}.logo-section{display:flex;flex-direction:column;align-items:center;margin-bottom:30px;position:relative;z-index:1}.app-logo-img{width:100px;height:auto;margin-bottom:10px}#loginScreen .form-section{display:flex;flex-direction:column;gap:20px;position:relative;z-index:1;flex-grow:1;justify-content:center}.input-group{display:flex;flex-direction:column}.input-group label{font-size:.9em;color:var(--muted-text-color);margin-bottom:8px}.input-group input{background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;padding:12px 15px;color:var(--text-color);font-size:1em;outline:none}.input-group input::placeholder{color:var(--input-placeholder-color)}.btn{padding:15px;border-radius:8px;font-size:1.1em;font-weight:500;cursor:pointer;transition:background-color .2s ease;border:none}.btn.primary{background-color:var(--primary-color);color:#fff}.btn.primary:hover{background-color:var(--primary-color-hover)}.forgot-password{text-align:center;color:var(--link-color);font-size:.9em;text-decoration:none;margin-top:10px}.forgot-password:hover{color:var(--link-hover-color)}#tradeScreen{justify-content:flex-start;padding-top:50px}#tradeScreen .logo-section{margin-bottom:40px}.trade-options{display:flex;justify-content:space-around;margin-bottom:30px;flex-wrap:wrap;gap:20px;position:relative;z-index:1}.option-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;color:var(--text-color);font-size:.9em;transition:color .2s ease}.option-item:hover{color:var(--text-color)}.icon-wrapper{width:60px;height:60px;background-color:var(--input-bg);border-radius:12px;display:flex;justify-content:center;align-items:center;margin-bottom:10px;border:1px solid var(--input-border)}.icon-wrapper img{width:30px;height:30px;filter:var(--icon-color-filter)}.expiration-section{display:flex;justify-content:space-between;align-items:center;background-color:var(--input-bg);border-radius:8px;padding:15px 20px;margin-bottom:20px;border:1px solid var(--input-border);position:relative;z-index:1}.expiration-section span{font-size:1em;color:var(--muted-text-color)}.expiration-selector{display:flex;align-items:center;gap:10px;position:relative}.custom-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;outline:none;color:var(--text-color);font-size:1.1em;font-weight:500;padding-right:25px;cursor:pointer;text-align:right;direction:rtl;z-index:2}.expiration-arrow-icon{width:15px;height:15px;position:absolute;right:0;top:50%;transform:translateY(-50%);pointer-events:none;filter:var(--icon-color-filter);z-index:1}.custom-select option{background-color:var(--app-bg);color:var(--text-color)}.btn.secondary{background-color:var(--primary-color);color:#fff;width:100%;position:relative;z-index:1}.btn.secondary:hover{background-color:var(--primary-color-hover)}.logout-link{display:block;text-align:center;margin-top:15px;font-size:.9em;color:var(--logout-link-color);text-decoration:none;cursor:pointer;transition:color .2s ease;padding:5px;width:fit-content;align-self:center;position:relative;z-index:1}.logout-link:hover{color:var(--logout-link-hover-color)}.image-preview-container{position:relative;width:100%;max-height:200px;margin:20px 0;border-radius:10px;overflow:hidden;display:flex;justify-content:center;align-items:center;background-color:var(--input-bg);border:1px dashed var(--input-border);padding:10px;box-sizing:border-box;flex-shrink:0;z-index:1}.image-preview-container img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.remove-image-btn{position:absolute;top:5px;right:5px;background-color:var(--logout-link-color);color:#fff;border:none;border-radius:50%;width:25px;height:25px;font-size:1.2em;font-weight:700;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color .2s ease;z-index:2;box-shadow:0 2px 5px #0000004d}.remove-image-btn:hover{background-color:var(--logout-link-hover-color)}@media (min-width: 768px){.app-container{max-width:600px;height:800px;border-radius:25px;box-shadow:0 0 20px #00000080}.screen{padding:40px}.app-logo-img{width:120px;height:auto;margin-bottom:15px}.input-group label{font-size:1em}.input-group input{padding:15px 20px;font-size:1.1em}.btn{padding:18px;font-size:1.2em}#tradeScreen .logo-section{margin-bottom:60px}.trade-options{margin-bottom:40px;gap:30px}.icon-wrapper{width:70px;height:70px}.icon-wrapper img{width:35px;height:35px}.expiration-section{padding:18px 25px}.expiration-section span{font-size:1.2em}.custom-select{font-size:1.2em;padding-right:30px}.expiration-arrow-icon{width:18px;height:18px}.logout-link{margin-top:20px;font-size:1em;padding:8px}}body.dark-theme .swal2-popup{background-color:var(--app-bg)!important;color:var(--text-color)!important;border:1px solid var(--input-border)}body.light-theme .swal2-popup,body.dark-theme .swal2-popup{background-color:var(--app-bg)!important;color:var(--text-color)!important;border:1px solid var(--input-border)}body.dark-theme .swal2-title,body.dark-theme .swal2-html-container{color:var(--text-color)!important}body.dark-theme .swal2-input,body.dark-theme .swal2-textarea{background-color:var(--input-bg)!important;color:var(--text-color)!important;border-color:var(--input-border)!important}body.dark-theme .swal2-confirm.swal2-styled{background-color:var(--primary-color)!important;color:#fff!important}body.dark-theme .swal2-cancel.swal2-styled{background-color:var(--muted-text-color)!important;color:#fff!important}body.light-theme .swal2-popup{background-color:var(--app-bg)!important;color:var(--text-color)!important;border:1px solid var(--input-border)}body.light-theme .swal2-title,body.light-theme .swal2-html-container{color:var(--text-color)!important}body.light-theme .swal2-input,body.light-theme .swal2-textarea{background-color:var(--input-bg)!important;color:var(--text-color)!important;border-color:var(--input-border)!important}body.light-theme .swal2-confirm.swal2-styled{background-color:var(--primary-color)!important;color:#fff!important}body.light-theme .swal2-cancel.swal2-styled{background-color:var(--muted-text-color)!important;color:#fff!important}body.dark-theme .swal2-icon,body.light-theme .swal2-icon .swal2-success-ring{border-color:var(--primary-color)!important;color:var(--primary-color)!important}body.dark-theme .swal2-success [class^=swal2-success-line],body.light-theme .swal2-success [class^=swal2-success-line]{background-color:var(--primary-color)!important}body.dark-theme .swal2-error,body.light-theme .swal2-error{border-color:#f27474!important}body.dark-theme .swal2-error .swal2-x-mark-line-left,body.dark-theme .swal2-error .swal2-x-mark-line-right,body.light-theme .swal2-error .swal2-x-mark-line-left,body.light-theme .swal2-error .swal2-x-mark-line-right{background-color:#f27474!important}@media (min-width: 1024px){.app-container{max-width:750px;height:90vh;min-height:700px;border-radius:30px}.screen{padding:60px}.app-logo-img{width:150px;height:auto;margin-bottom:20px}.input-group label{font-size:1.1em}.input-group input{padding:18px 25px;font-size:1.2em}.btn{padding:20px;font-size:1.3em}#tradeScreen .logo-section{margin-bottom:80px}.trade-options{margin-bottom:60px;gap:40px}.icon-wrapper{width:80px;height:80px}.icon-wrapper img{width:40px;height:40px}.expiration-section{padding:20px 30px}.expiration-section span{font-size:1.3em}.custom-select{font-size:1.3em;padding-right:35px}.expiration-arrow-icon{width:20px;height:20px}.logout-link{margin-top:25px;font-size:1.1em;padding:10px}}.analysis-summary-grid .direction-card{grid-column:1 / -1;background-color:var(--input-bg);border-radius:12px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 10px #0000001a;transition:background-color .3s ease}body.dark-theme .analysis-summary-grid .direction-card{box-shadow:0 6px 15px #0006}.analysis-summary-grid .timeframe-card,.analysis-summary-grid .expiration-card{background-color:var(--input-bg);border-radius:12px;padding:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 10px #0000001a;transition:background-color .3s ease}body.dark-theme .analysis-summary-grid .timeframe-card,body.dark-theme .analysis-summary-grid .expiration-card{box-shadow:0 6px 15px #0006}.summary-card .card-value.large{font-size:2.8em;color:var(--primary-color);text-shadow:1px 1px 3px rgba(0,0,0,.2)}.result-content-wrapper{width:100%;max-width:350px;display:flex;flex-direction:column;align-items:center;padding:20px 0;flex-grow:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.analysis-summary-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:15px;width:100%;margin-bottom:30px}.result-content-wrapper{width:100%;display:flex;flex-direction:column;align-items:center;padding:20px;box-sizing:border-box;flex-grow:1;overflow-y:auto;-webkit-overflow-scrolling:touch}#resultScreen{padding:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}#resultScreen .header{padding:0 30px}.analysis-summary-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:15px;width:100%;max-width:335px;margin-bottom:30px}.summary-card{background-color:var(--input-bg);border-radius:12px;padding:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 10px #0000001a;transition:background-color .3s ease,box-shadow .3s ease}body.dark-theme .summary-card{box-shadow:0 6px 15px #0006}.analysis-summary-grid .direction-card{grid-column:1 / -1;padding:20px;border-radius:12px}.summary-card .card-value.large{font-size:2.8em;font-weight:700;text-shadow:1px 1px 3px rgba(0,0,0,.2)}.summary-card .card-value.call-direction{color:#4caf50}.summary-card .card-value.put-direction{color:#e74c3c}body.dark-theme .summary-card .card-value.large{text-shadow:2px 2px 5px rgba(0,0,0,.6)}.analysis-details-block{width:100%;max-width:335px;background-color:var(--input-bg);border-radius:12px;padding:20px;margin-bottom:30px;box-shadow:0 4px 10px #0000001a;transition:background-color .3s ease,box-shadow .3s ease;box-sizing:border-box}body.dark-theme .analysis-details-block{box-shadow:0 6px 15px #0006}.analysis-details-block p{margin:0 0 10px;line-height:1.5;color:var(--text-color)}.analysis-details-block p:last-child{margin-bottom:0}.analysis-details-block .detail-label{font-weight:600;color:var(--muted-text-color)}.analysis-reason-block{width:100%;max-width:335px;background-color:var(--input-bg);border-radius:12px;padding:20px;margin-bottom:30px;box-shadow:0 4px 10px #0000001a;transition:background-color .3s ease,box-shadow .3s ease;box-sizing:border-box}body.dark-theme .analysis-reason-block{box-shadow:0 6px 15px #0006}.reason-title{font-size:1.1em;color:var(--text-color);margin-top:0;margin-bottom:15px;text-align:center;font-weight:600}.analysis-reason-block p{font-size:.95em;line-height:1.6;color:var(--text-color);text-align:justify}.summary-card .card-label{font-size:.8em;color:var(--muted-text-color);margin-bottom:5px;text-transform:uppercase;font-weight:500}.summary-card .card-value{font-size:1.5em;font-weight:700;color:var(--text-color)}.direction-icon{width:80px;height:80px;object-fit:contain;margin-top:5px;filter:none;transition:filter .3s ease}.image-loading-overlay{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:10}.overlay-spinner{width:80px;height:80px;display:flex;align-items:center;justify-content:center;color:var(--primary-color)}.analysis-progress-container{display:flex;flex-direction:column;gap:15px;padding:15px;background-color:var(--input-bg);border-radius:10px;box-shadow:var(--shadow);width:calc(100% - 30px);margin:20px auto;box-sizing:border-box}body.dark-theme .analysis-progress-container{box-shadow:0 6px 15px #0006}.progress-step{display:none;align-items:center;gap:10px;color:var(--muted-text-color);opacity:.5;font-size:.9em;font-weight:500;transition:opacity .3s ease,color .3s ease}.progress-step.active{display:flex;opacity:1;color:var(--text-color)}.step-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--primary-color);flex-shrink:0}.overlay-spinner svg,.step-icon svg{display:block;max-width:100%;max-height:100%}.overlay-spinner svg circle,.step-icon svg circle{transition:stroke .3s ease,stop-color .3s ease}.progress-step .success-icon{background-size:contain;background-repeat:no-repeat;background-position:center;color:var(--primary-color)}.step-icon.success-icon,.progress-step .success-icon{color:var(--success-check-color, var(--primary-color))}.progress-step:last-child.active{color:var(--primary-color);font-weight:700}.trade-screen.loading .enter-trade-btn{pointer-events:none;opacity:.5}