:root{--bg-primary: #0f0f23;--bg-secondary: #1a1a3e;--bg-card: rgba(30, 30, 70, .6);--bg-card-hover: rgba(40, 40, 90, .7);--bg-glass: rgba(255, 255, 255, .04);--bg-input: rgba(255, 255, 255, .08);--text-primary: #f0f0f5;--text-secondary: #b8b8d0;--text-muted: #8888aa;--text-label: #d0d0e8;--accent-primary: #6c63ff;--accent-primary-glow: rgba(108, 99, 255, .3);--accent-secondary: #40c4ff;--color-up: #ff4d4f;--color-up-bg: rgba(255, 77, 79, .15);--color-up-border: rgba(255, 77, 79, .3);--color-down: #52c41a;--color-down-bg: rgba(82, 196, 26, .15);--color-down-border: rgba(82, 196, 26, .3);--color-flat: #8888aa;--color-flat-bg: rgba(136, 136, 170, .1);--border-color: rgba(255, 255, 255, .08);--border-color-hover: rgba(255, 255, 255, .15);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 24px;--shadow-card: 0 4px 24px rgba(0, 0, 0, .3);--shadow-elevated: 0 8px 40px rgba(0, 0, 0, .5);--shadow-glow: 0 0 30px var(--accent-primary-glow);--font-family: "Noto Sans SC", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs: 13px;--font-size-sm: 15px;--font-size-base: 16px;--font-size-lg: 20px;--font-size-xl: 26px;--font-size-2xl: 32px;--font-size-3xl: 40px;--space-xs: 6px;--space-sm: 10px;--space-md: 16px;--space-lg: 24px;--space-xl: 36px;--space-2xl: 48px;--min-tap-target: 44px;--transition-fast: .2s ease;--transition-normal: .35s ease;--transition-slow: .5s ease}.elderly-mode{--font-size-xs: 15px;--font-size-sm: 17px;--font-size-base: 20px;--font-size-lg: 24px;--font-size-xl: 30px;--font-size-2xl: 38px;--font-size-3xl: 48px;--space-xs: 8px;--space-sm: 12px;--space-md: 20px;--space-lg: 28px;--space-xl: 40px;--space-2xl: 56px;--min-tap-target: 56px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 22px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-base);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.7;background-image:radial-gradient(ellipse at 20% 0%,rgba(108,99,255,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(64,196,255,.06) 0%,transparent 50%);padding-bottom:env(safe-area-inset-bottom,0)}#app-header{max-width:760px;margin:0 auto;padding:var(--space-lg) var(--space-lg) var(--space-md);position:relative}.header-top-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.brand{font-size:var(--font-size-xl);font-weight:800;display:flex;align-items:center;gap:var(--space-md);color:var(--text-primary)}.brand-logo{width:56px;height:56px;border-radius:var(--radius-md);box-shadow:0 4px 12px #0003}.elderly-mode .brand-logo{width:68px;height:68px}.elderly-toggle{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;-webkit-user-select:none;user-select:none;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);transition:background var(--transition-fast);flex-shrink:0}.elderly-toggle:hover{background:var(--bg-glass)}.elderly-toggle:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.elderly-toggle-label{font-size:var(--font-size-xs);color:var(--text-muted);white-space:nowrap;transition:color var(--transition-fast)}.elderly-toggle.active .elderly-toggle-label{color:var(--accent-secondary)}.toggle-track{width:48px;height:26px;background:#ffffff1f;border-radius:13px;position:relative;transition:background var(--transition-fast);border:1px solid var(--border-color);flex-shrink:0}.elderly-toggle.active .toggle-track{background:var(--accent-primary);border-color:var(--accent-primary)}.toggle-thumb{width:20px;height:20px;background:#fff;border-radius:50%;position:absolute;top:2px;left:3px;transition:transform var(--transition-fast);box-shadow:0 2px 6px #0000004d}.elderly-toggle.active .toggle-thumb{transform:translate(22px)}#app-main{max-width:760px;margin:0 auto;padding:0 var(--space-lg) var(--space-2xl)}#search-section{position:relative;margin-bottom:var(--space-xl)}.search-box{display:flex;align-items:center;background:var(--bg-input);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);gap:var(--space-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-box:focus-within{border-color:var(--accent-primary);box-shadow:var(--shadow-glow)}.search-icon{font-size:var(--font-size-lg);flex-shrink:0}#search-input{flex:1;background:none;border:none;outline:none;color:var(--text-primary);font-size:var(--font-size-base);font-family:var(--font-family);min-height:var(--min-tap-target)}#search-input::placeholder{color:var(--text-muted);font-size:var(--font-size-sm)}.search-clear{background:#ffffff1a;border:none;color:var(--text-secondary);font-size:var(--font-size-lg);width:var(--min-tap-target);height:var(--min-tap-target);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast);flex-shrink:0}.search-clear:hover{background:#fff3}.search-results{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-elevated);z-index:100;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);max-height:70vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.search-result-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid var(--border-color);min-height:var(--min-tap-target);gap:var(--space-sm)}.search-result-item:last-child{border-bottom:none}.search-result-item:hover,.search-result-item:focus{background:#6c63ff1a}.search-result-item:active{background:#6c63ff2e}.search-result-info{display:flex;flex-direction:column;gap:2px;min-width:0}.search-result-symbol{font-weight:700;font-size:var(--font-size-base);color:var(--accent-secondary)}.search-result-name{font-size:var(--font-size-sm);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-exchange{font-size:var(--font-size-xs);color:var(--text-muted);background:var(--bg-glass);padding:4px 10px;border-radius:var(--radius-sm);white-space:nowrap;flex-shrink:0}.search-loading,.search-empty{padding:var(--space-lg);text-align:center;color:var(--text-muted);font-size:var(--font-size-sm)}.preview-card{background:var(--bg-card);border:2px solid var(--accent-primary);border-radius:var(--radius-lg);padding:var(--space-xl);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-glow);animation:slideDown .4s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.preview-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-lg);flex-wrap:wrap;gap:var(--space-sm)}.preview-symbol{font-size:var(--font-size-xl);font-weight:800;color:var(--accent-secondary)}.preview-name{font-size:var(--font-size-lg);color:var(--text-primary);margin-top:4px}.preview-exchange{font-size:var(--font-size-sm);color:var(--text-muted);background:var(--bg-glass);padding:6px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-color)}.preview-price-row{display:flex;align-items:baseline;gap:var(--space-lg);margin-bottom:var(--space-xl);flex-wrap:wrap}.preview-price{font-size:var(--font-size-2xl);font-weight:800}.preview-change{font-size:var(--font-size-lg);font-weight:700;padding:6px 16px;border-radius:var(--radius-sm)}.preview-actions{display:flex;justify-content:flex-end}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);border:none;border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-family);font-weight:600;transition:all var(--transition-fast);white-space:nowrap;-webkit-tap-highlight-color:transparent}.btn-lg{font-size:var(--font-size-base);padding:var(--space-md) var(--space-xl);min-height:var(--min-tap-target);min-width:120px}.elderly-mode .btn-lg{min-height:60px;min-width:140px;font-size:var(--font-size-lg)}.btn-md{font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-lg);min-height:var(--min-tap-target)}.btn-sm{font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-md);min-height:var(--min-tap-target)}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);color:#fff;box-shadow:0 4px 16px #6c63ff4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #6c63ff66}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:#ffffff1f;border-color:var(--border-color-hover)}.btn-danger{background:linear-gradient(135deg,#ff4d4f,#ff7875);color:#fff}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 4px 16px #ff4d4f4d}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.btn-ghost:hover{background:var(--bg-glass);color:var(--text-primary)}.tracking-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.tracking-header h2{font-size:var(--font-size-lg);font-weight:700}.tracking-count{font-size:var(--font-size-sm);color:var(--text-muted);background:var(--bg-glass);padding:4px 12px;border-radius:var(--radius-sm)}.stock-list{display:flex;flex-direction:column;gap:var(--space-lg)}.stock-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-card);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);animation:cardEnter .5s ease}@keyframes cardEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stock-card:hover{border-color:var(--border-color-hover)}.stock-card:active{transform:scale(.995)}.card-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm)}.card-identity{display:flex;align-items:baseline;gap:var(--space-sm);min-width:0}.card-symbol{font-size:var(--font-size-xl);font-weight:800;color:var(--accent-secondary);white-space:nowrap;flex-shrink:0}.card-name{font-size:var(--font-size-base);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-actions{display:flex;gap:var(--space-xs);flex-shrink:0}.card-header .card-detail-btn,.card-header .card-chart-btn{font-size:var(--font-size-xs);min-height:var(--min-tap-target);padding:var(--space-xs) var(--space-md);color:var(--text-muted);border-color:var(--border-color);flex-shrink:0}.elderly-mode .card-header .card-detail-btn,.elderly-mode .card-header .card-chart-btn{font-size:var(--font-size-sm);min-height:52px;padding:var(--space-sm) var(--space-lg)}.card-header .card-detail-btn:hover,.card-header .card-chart-btn:hover{color:var(--accent-secondary);border-color:var(--accent-secondary)}.card-remove{background:transparent;border:1px solid transparent;color:var(--text-muted);font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family);white-space:nowrap;min-height:var(--min-tap-target);display:inline-flex;align-items:center;justify-content:center}.elderly-mode .card-remove{font-size:var(--font-size-sm);min-height:48px;padding:var(--space-sm) var(--space-lg);border:1px solid var(--border-color);border-radius:var(--radius-md)}.card-remove:hover{color:#ff7875;border-color:#ff78754d;background:#ff4d4f14}.card-body{padding-top:var(--space-xs)}.card-price-section{margin-bottom:var(--space-xs)}.card-price-block{display:flex;flex-direction:column;gap:4px}.card-price-row{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.card-price{font-size:var(--font-size-2xl);font-weight:800;transition:color .5s ease;white-space:nowrap}.card-change{font-size:var(--font-size-base);font-weight:700;padding:4px 12px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.price-flash-up{animation:flashUp 1s ease}.price-flash-down{animation:flashDown 1s ease}@keyframes flashUp{0%{color:var(--text-primary)}30%{color:var(--color-up);text-shadow:0 0 12px rgba(255,77,79,.5)}to{color:var(--text-primary)}}@keyframes flashDown{0%{color:var(--text-primary)}30%{color:var(--color-down);text-shadow:0 0 12px rgba(82,196,26,.5)}to{color:var(--text-primary)}}.card-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border-color);border-radius:var(--radius-md);overflow:hidden}.metric-item{text-align:center;padding:var(--space-xs);background:var(--bg-card)}.metric-label{font-size:var(--font-size-xs);color:var(--text-muted);margin-bottom:2px;white-space:nowrap}.metric-value{font-size:var(--font-size-base);font-weight:700;white-space:nowrap}.metric-pending{color:var(--text-muted);font-size:var(--font-size-sm)}.metric-badge{font-size:var(--font-size-xs);font-weight:600;margin-left:4px;opacity:.85}.card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-xs);margin-top:var(--space-xs);gap:var(--space-md)}.card-footer-info{font-size:var(--font-size-xs);color:var(--text-muted);opacity:.7}.change-up{color:var(--color-up);background:var(--color-up-bg);border:1px solid var(--color-up-border)}.change-down{color:var(--color-down);background:var(--color-down-bg);border:1px solid var(--color-down-border)}.change-flat{color:var(--color-flat);background:var(--color-flat-bg);border:1px solid transparent}.metric-up{color:var(--color-up)}.metric-down{color:var(--color-down)}.empty-state{text-align:center;padding:var(--space-2xl) var(--space-lg)}.empty-icon{font-size:64px;margin-bottom:var(--space-lg);opacity:.5}.empty-title{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--space-sm)}.empty-hint{font-size:var(--font-size-sm);color:var(--text-muted);max-width:400px;margin:0 auto;line-height:1.8}.tracking-loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-2xl) var(--space-lg);color:var(--text-muted);font-size:var(--font-size-sm)}.loading-spinner{width:36px;height:36px;border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}.profile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:200;transition:opacity var(--transition-normal)}.profile-panel{position:fixed;top:0;right:0;width:min(520px,90vw);height:100vh;height:100dvh;background:var(--bg-secondary);border-left:1px solid var(--border-color);box-shadow:var(--shadow-elevated);z-index:201;overflow-y:auto;-webkit-overflow-scrolling:touch;transform:translate(100%);transition:transform var(--transition-normal)}.profile-panel.visible{transform:translate(0)}.profile-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xl);border-bottom:1px solid var(--border-color);position:sticky;top:0;background:var(--bg-secondary);z-index:1}.profile-header h2{font-size:var(--font-size-xl);font-weight:700}.profile-close{background:var(--bg-input);border:none;color:var(--text-primary);font-size:var(--font-size-lg);width:48px;height:48px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast)}.elderly-mode .profile-close{width:56px;height:56px;font-size:var(--font-size-xl)}.profile-close:hover{background:#ffffff26}.profile-content{padding:var(--space-xl)}.profile-company-name{font-size:var(--font-size-xl);font-weight:800;margin-bottom:var(--space-md);color:var(--accent-secondary)}.profile-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-xl)}.profile-tag{display:inline-flex;align-items:center;padding:6px 14px;background:#6c63ff1f;color:var(--accent-secondary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:600;border:1px solid rgba(108,99,255,.2)}.elderly-mode .profile-tag{padding:8px 18px;font-size:var(--font-size-base)}.profile-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-bottom:var(--space-xl)}.profile-info-item{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-md)}.profile-info-label{font-size:var(--font-size-xs);color:var(--text-muted);margin-bottom:4px}.profile-info-value{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);word-break:break-all}.profile-summary-title{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-sm)}.profile-summary-lang{font-size:var(--font-size-xs);color:var(--text-muted);background:var(--bg-glass);padding:2px 8px;border-radius:var(--radius-sm);font-weight:400}.profile-summary-text{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.9}.elderly-mode .profile-summary-text{font-size:var(--font-size-base);line-height:2}.profile-website{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--accent-primary);font-size:var(--font-size-base);text-decoration:none;margin-top:var(--space-lg);min-height:var(--min-tap-target)}.profile-website:hover{text-decoration:underline}.profile-loading{text-align:center;padding:var(--space-2xl);color:var(--text-muted);font-size:var(--font-size-base)}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:300}.confirm-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-2xl);z-index:301;text-align:center;min-width:min(420px,88vw);box-shadow:var(--shadow-elevated);animation:dialogPop .3s ease}@keyframes dialogPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.confirm-icon{font-size:48px;margin-bottom:var(--space-lg)}.confirm-message{font-size:var(--font-size-lg);color:var(--text-primary);margin-bottom:var(--space-xl);line-height:1.6}.confirm-actions{display:flex;gap:var(--space-md);justify-content:center}.toast-container{position:fixed;top:var(--space-lg);right:var(--space-lg);z-index:400;display:flex;flex-direction:column;gap:var(--space-sm)}.toast{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-md) var(--space-xl);font-size:var(--font-size-base);color:var(--text-primary);box-shadow:var(--shadow-elevated);animation:toastIn .4s ease;max-width:400px;display:flex;align-items:center;gap:var(--space-sm)}.toast-success{border-left:4px solid #52c41a}.toast-error{border-left:4px solid #ff4d4f}.toast-info{border-left:4px solid var(--accent-primary)}@keyframes toastIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.toast-exit{animation:toastOut .3s ease forwards}@keyframes toastOut{to{opacity:0;transform:translate(40px)}}.global-loading{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0f23cc;z-index:500;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg)}.global-loading p{font-size:var(--font-size-lg);color:var(--text-secondary)}.loading-spinner{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinner-inline{display:inline-block;width:20px;height:20px;border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite;vertical-align:middle;margin-left:8px}.hidden{display:none!important}@media(max-width:600px){#app-main{padding:0 var(--space-md) var(--space-xl)}#app-header{padding:var(--space-md) var(--space-md) var(--space-sm)}.brand{font-size:var(--font-size-xl)}.brand-icon{font-size:var(--font-size-2xl)}.search-box{padding:var(--space-sm) var(--space-md)}.stock-card{padding:var(--space-lg)}.card-price-section{flex-direction:column;align-items:flex-start}.card-tracking-info{align-items:flex-start;flex-direction:row;gap:var(--space-md)}.card-metrics{grid-template-columns:1fr}.profile-panel{top:auto;bottom:0;left:0;right:0;width:100%;max-height:92vh;max-height:92dvh;height:auto;border-left:none;border-top:1px solid var(--border-color);border-radius:var(--radius-xl) var(--radius-xl) 0 0;transform:translateY(100%)}.profile-panel.visible{transform:translateY(0)}.profile-header:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:40px;height:4px;background:#fff3;border-radius:2px}.profile-header{padding-top:var(--space-xl)}.profile-info-grid{grid-template-columns:1fr}.confirm-actions{flex-direction:column}.confirm-actions .btn-lg{width:100%}.preview-top{flex-direction:column}.preview-price-row{flex-direction:column;gap:var(--space-sm)}.toast-container{top:auto;bottom:var(--space-lg);left:var(--space-md);right:var(--space-md)}.toast{max-width:none}}@media(max-width:600px){.elderly-mode .card-footer{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.elderly-mode .card-remove{width:100%;justify-content:center}.elderly-mode .card-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.elderly-mode .card-actions{width:100%}.elderly-mode .card-header .card-detail-btn,.elderly-mode .card-header .card-chart-btn{flex:1;justify-content:center}.elderly-mode .preview-actions .btn-lg{width:100%}}.chart-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:250;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.chart-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);opacity:0;width:min(900px,94vw);height:min(620px,85vh);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-elevated);z-index:251;display:flex;flex-direction:column;overflow:hidden;transition:transform var(--transition-normal),opacity var(--transition-normal)}.chart-modal.visible{transform:translate(-50%,-50%) scale(1);opacity:1}.chart-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border-color);flex-shrink:0}.chart-title{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-close{background:var(--bg-input);border:none;color:var(--text-primary);font-size:var(--font-size-lg);width:48px;height:48px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast);flex-shrink:0}.elderly-mode .chart-close{width:56px;height:56px}.chart-close:hover{background:#ffffff26}.chart-toolbar{display:flex;align-items:center;padding:var(--space-md) var(--space-xl);border-bottom:1px solid var(--border-color);flex-shrink:0;gap:var(--space-md)}.chart-periods{display:flex;gap:var(--space-xs)}.chart-date-range{display:none}.chart-period-btn{background:var(--bg-glass);border:1px solid var(--border-color);color:var(--text-secondary);font-size:var(--font-size-sm);font-family:var(--font-family);font-weight:600;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;min-height:var(--min-tap-target);flex-shrink:0}.chart-period-btn:hover{background:#6c63ff1a;border-color:var(--accent-primary);color:var(--text-primary)}.chart-period-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;box-shadow:0 2px 8px #6c63ff4d}.chart-body{flex:1;position:relative;min-height:0}.chart-container{width:100%;height:100%;position:relative}.chart-container a{display:none!important}.chart-tooltip{display:none;position:absolute;z-index:10;background:#12122df0;border:1px solid rgba(108,99,255,.35);border-radius:var(--radius-md);padding:10px 14px;pointer-events:none;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 16px #0006;min-width:120px}.tooltip-date{font-weight:700;color:var(--text-primary);margin-bottom:4px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.08);font-size:var(--font-size-sm)}.tooltip-row{display:flex;justify-content:space-between;gap:var(--space-lg)}.tooltip-label{color:var(--text-muted)}.tooltip-high{color:#ff4d4f;font-weight:600}.tooltip-low{color:#52c41a;font-weight:600}.chart-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);background:#1a1a3ee6;z-index:2}.chart-loading p{font-size:var(--font-size-sm);color:var(--text-muted)}.chart-error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-base);color:#ff7875;text-align:center;padding:var(--space-xl)}@media(max-width:600px){.chart-modal{top:auto;bottom:0;left:0;right:0;width:100%;height:85vh;height:85dvh;transform:translateY(100%);opacity:1;border-radius:var(--radius-xl) var(--radius-xl) 0 0;border-left:none;border-right:none;border-bottom:none}.chart-modal.visible{transform:translateY(0)}.chart-header:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:40px;height:4px;background:#fff3;border-radius:2px}.chart-header{position:relative;padding-top:var(--space-xl)}.chart-title{font-size:var(--font-size-base)}.chart-toolbar{padding:var(--space-sm) var(--space-md);gap:var(--space-xs)}.chart-period-btn{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs)}}