:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-primary:#f6f8fc;--bg-secondary:#fff;--bg-card:#ffffffe6;--bg-card-hover:#fff;--bg-glass:#1820330d;--bg-input:#fffffff2;--bg-control:#1820330f;--bg-control-hover:#1820331a;--text-primary:#182033;--text-secondary:#4b5874;--text-muted:#7a869f;--text-label:#35405a;--accent-primary:#2563eb;--accent-primary-glow:#2563eb33;--accent-secondary:#0891b2;--color-up:#ff4d4f;--color-up-bg:#ff4d4f26;--color-up-border:#ff4d4f4d;--color-down:#52c41a;--color-down-bg:#52c41a26;--color-down-border:#52c41a4d;--color-flat:#88a;--color-flat-bg:#8888aa1a;--border-color:#1820331f;--border-color-hover:#18203338;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:24px;--shadow-card:0 8px 28px #1c2a4814;--shadow-elevated:0 18px 54px #1c2a482e;--shadow-glow:0 0 30px var(--accent-primary-glow);--body-radial-1:#2563eb14;--body-radial-2:#0891b20f;--overlay-bg:#0f172a61;--confirm-overlay-bg:#0f172a7a;--global-loading-bg:#f6f8fcd1;--drag-handle-bg:#1820332e;--tooltip-bg:#fffffff5;--tooltip-border:#2563eb3d;--tooltip-divider:#1820331a;--chart-grid-color:#18203314;--chart-axis-color:#1820331f;--chart-loading-bg:#ffffffe6;--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}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-primary:#0f0f23;--bg-secondary:#1a1a3e;--bg-card:#1e1e4699;--bg-card-hover:#28285ab3;--bg-glass:#ffffff0a;--bg-input:#ffffff14;--bg-control:#ffffff1a;--bg-control-hover:#fff3;--text-primary:#f0f0f5;--text-secondary:#b8b8d0;--text-muted:#88a;--text-label:#d0d0e8;--accent-primary:#6c63ff;--accent-primary-glow:#6c63ff4d;--accent-secondary:#40c4ff;--border-color:#ffffff14;--border-color-hover:#ffffff26;--shadow-card:0 4px 24px #0000004d;--shadow-elevated:0 8px 40px #00000080;--body-radial-1:#6c63ff14;--body-radial-2:#40c4ff0f;--overlay-bg:#0009;--confirm-overlay-bg:#000000b3;--global-loading-bg:#0f0f23cc;--drag-handle-bg:#fff3;--tooltip-bg:#12122df0;--tooltip-border:#6c63ff59;--tooltip-divider:#ffffff14;--chart-grid-color:#ffffff0a;--chart-axis-color:#ffffff14;--chart-loading-bg:#1a1a3ee6}.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}@media (width<=390px){.elderly-mode{--font-size-xs:14px;--font-size-sm:15px;--font-size-base:17px;--font-size-lg:21px;--font-size-xl:26px;--font-size-2xl:32px;--font-size-3xl:40px;--space-md:16px;--space-lg:22px;--space-xl:32px;--space-2xl:44px;--min-tap-target:48px}}*,: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);background-image:radial-gradient(ellipse at 20% 0%, var(--body-radial-1) 0%, transparent 50%), radial-gradient(ellipse at 80% 100%, var(--body-radial-2) 0%, transparent 50%);min-height:100vh;padding-bottom:env(safe-area-inset-bottom,0);line-height:1.7}#app-header{max-width:760px;padding:var(--space-lg) var(--space-lg) var(--space-md);margin:0 auto;position:relative}.header-top-row{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.header-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.brand{font-size:var(--font-size-xl);align-items:center;gap:var(--space-md);color:var(--text-primary);font-weight:800;display:flex}.brand-logo{border-radius:var(--radius-md);width:56px;height:56px;box-shadow:0 4px 12px #0003}.elderly-mode .brand-logo{width:68px;height:68px}.theme-toggle,.elderly-toggle{align-items:center;gap:var(--space-sm);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--radius-md);transition:background var(--transition-fast);flex-shrink:0;padding:4px 6px;display:flex}.theme-toggle:hover,.elderly-toggle:hover{background:var(--bg-glass)}.theme-toggle:focus-visible,.elderly-toggle:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.theme-toggle-label,.elderly-toggle-label{font-size:var(--font-size-xs);color:var(--text-muted);white-space:nowrap;transition:color var(--transition-fast)}.theme-toggle.active .theme-toggle-label,.elderly-toggle.active .elderly-toggle-label{color:var(--accent-secondary)}.toggle-track{background:var(--bg-control);width:42px;height:24px;transition:background var(--transition-fast);border:1px solid var(--border-color);border-radius:12px;flex-shrink:0;position:relative}.theme-toggle.active .toggle-track,.elderly-toggle.active .toggle-track{background:var(--accent-primary);border-color:var(--accent-primary)}.toggle-thumb{width:18px;height:18px;transition:transform var(--transition-fast);background:#fff;border-radius:50%;position:absolute;top:2px;left:3px;box-shadow:0 2px 6px #0000004d}.theme-toggle.active .toggle-thumb,.elderly-toggle.active .toggle-thumb{transform:translate(18px)}#app-main{max-width:760px;padding:0 var(--space-lg) var(--space-2xl);margin:0 auto}#search-section{margin-bottom:var(--space-xl);position:relative}.search-box{background:var(--bg-input);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);align-items:center;gap:var(--space-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);display:flex}.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{color:var(--text-primary);font-size:var(--font-size-base);font-family:var(--font-family);min-height:var(--min-tap-target);background:0 0;border:none;outline:none;flex:1}#search-input::placeholder{color:var(--text-muted);font-size:var(--font-size-sm)}.search-clear{background:var(--bg-control);color:var(--text-secondary);font-size:var(--font-size-lg);width:var(--min-tap-target);height:var(--min-tap-target);cursor:pointer;transition:background var(--transition-fast);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.search-clear:hover{background:var(--bg-control-hover)}.search-results{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-elevated);z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);-webkit-overflow-scrolling:touch;max-height:70vh;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden auto}.search-result-item{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);justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.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{flex-direction:column;gap:2px;min-width:0;display:flex}.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;text-overflow:ellipsis;overflow:hidden}.search-result-exchange{font-size:var(--font-size-xs);color:var(--text-muted);background:var(--bg-glass);border-radius:var(--radius-sm);white-space:nowrap;flex-shrink:0;padding:4px 10px}.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:.4s slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.preview-top{margin-bottom:var(--space-lg);justify-content:space-between;align-items:flex-start;gap:var(--space-sm);flex-wrap:wrap;display:flex}.preview-symbol{font-size:var(--font-size-xl);color:var(--accent-secondary);font-weight:800}.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);border-radius:var(--radius-sm);border:1px solid var(--border-color);padding:6px 14px}.preview-price-row{align-items:baseline;gap:var(--space-lg);margin-bottom:var(--space-xl);flex-wrap:wrap;display:flex}.preview-price{font-size:var(--font-size-2xl);font-weight:800}.preview-change{font-size:var(--font-size-lg);border-radius:var(--radius-sm);padding:6px 16px;font-weight:700}.preview-actions{justify-content:flex-end;display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-family);transition:all var(--transition-fast);white-space:nowrap;-webkit-tap-highlight-color:transparent;border:none;font-weight:600;display:inline-flex}.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-width:140px;min-height:60px;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:var(--bg-control-hover);border-color:var(--border-color-hover)}.btn-danger{color:#fff;background:linear-gradient(135deg,#ff4d4f,#ff7875)}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 4px 16px #ff4d4f4d}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border-color);background:0 0}.btn-ghost:hover{background:var(--bg-glass);color:var(--text-primary)}.tracking-header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);display:flex}.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);border-radius:var(--radius-sm);padding:4px 12px}.stock-list{gap:var(--space-lg);flex-direction:column;display:flex}.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:.5s cardEnter}@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{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.card-identity{align-items:baseline;gap:var(--space-sm);min-width:0;display:flex;overflow:hidden}.card-symbol{font-size:var(--font-size-xl);color:var(--accent-secondary);white-space:nowrap;flex-shrink:0;font-weight:800}.card-name{font-size:var(--font-size-base);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card-actions{gap:var(--space-xs);flex-shrink:0;display:flex}.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{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);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.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;background:#ff4d4f14;border-color:#ff78754d}.card-body{padding-top:var(--space-xs)}.card-price-section{margin-bottom:var(--space-xs)}.card-price-block{flex-direction:column;gap:4px;display:flex}.card-price-row{align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.card-price{font-size:var(--font-size-2xl);white-space:nowrap;font-weight:800;transition:color .5s}.card-change{font-size:var(--font-size-base);border-radius:var(--radius-sm);white-space:nowrap;align-items:center;gap:4px;padding:4px 12px;font-weight:700;display:inline-flex}.price-flash-up{animation:1s flashUp}.price-flash-down{animation:1s flashDown}@keyframes flashUp{0%{color:var(--text-primary)}30%{color:var(--color-up);text-shadow:0 0 12px #ff4d4f80}to{color:var(--text-primary)}}@keyframes flashDown{0%{color:var(--text-primary)}30%{color:var(--color-down);text-shadow:0 0 12px #52c41a80}to{color:var(--text-primary)}}.card-metrics{background:var(--border-color);border-radius:var(--radius-md);grid-template-columns:repeat(2,1fr);gap:1px;display:grid;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);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;overflow:hidden}.metric-value{font-size:var(--font-size-base);white-space:nowrap;font-weight:700}.metric-pending{color:var(--text-muted);font-size:var(--font-size-sm)}.metric-badge{font-size:var(--font-size-xs);opacity:.85;margin-left:4px;font-weight:600}.card-footer{padding-top:var(--space-xs);margin-top:var(--space-xs);justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.card-footer-info{font-size:var(--font-size-xs);color:var(--text-muted);opacity:.7;white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.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 #0000}.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{margin-bottom:var(--space-lg);opacity:.5;font-size:64px}.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{align-items:center;gap:var(--space-md);padding:var(--space-2xl) var(--space-lg);color:var(--text-muted);font-size:var(--font-size-sm);flex-direction:column;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.profile-overlay{background:var(--overlay-bg);z-index:200;transition:opacity var(--transition-normal);position:fixed;inset:0}.profile-panel{background:var(--bg-secondary);border-left:1px solid var(--border-color);width:min(520px,90vw);height:100dvh;box-shadow:var(--shadow-elevated);z-index:201;-webkit-overflow-scrolling:touch;transition:transform var(--transition-normal);position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%)}.profile-panel.visible{transform:translate(0)}.profile-header{padding:var(--space-xl);border-bottom:1px solid var(--border-color);background:var(--bg-secondary);z-index:1;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.profile-header h2{font-size:var(--font-size-xl);font-weight:700}.profile-close{background:var(--bg-input);color:var(--text-primary);font-size:var(--font-size-lg);cursor:pointer;width:48px;height:48px;transition:background var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.elderly-mode .profile-close{width:56px;height:56px;font-size:var(--font-size-xl)}.profile-close:hover{background:var(--bg-control-hover)}.profile-content{padding:var(--space-xl)}.profile-company-name{font-size:var(--font-size-xl);margin-bottom:var(--space-md);color:var(--accent-secondary);font-weight:800}.profile-tags{gap:var(--space-sm);margin-bottom:var(--space-xl);flex-wrap:wrap;display:flex}.profile-tag{color:var(--accent-secondary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);background:#6c63ff1f;border:1px solid #6c63ff33;align-items:center;padding:6px 14px;font-weight:600;display:inline-flex}.elderly-mode .profile-tag{font-size:var(--font-size-base);padding:8px 18px}.profile-info-grid{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:1fr 1fr;display:grid}.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);color:var(--text-primary);word-break:break-all;font-weight:600}.profile-summary-title{font-size:var(--font-size-lg);margin-bottom:var(--space-md);align-items:center;gap:var(--space-sm);font-weight:700;display:flex}.profile-summary-lang{font-size:var(--font-size-xs);color:var(--text-muted);background:var(--bg-glass);border-radius:var(--radius-sm);padding:2px 8px;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{align-items:center;gap:var(--space-xs);color:var(--accent-primary);font-size:var(--font-size-base);margin-top:var(--space-lg);min-height:var(--min-tap-target);text-decoration:none;display:inline-flex}.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{background:var(--confirm-overlay-bg);z-index:300;position:fixed;inset:0}.confirm-dialog{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:.3s dialogPop;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes dialogPop{0%{opacity:0;transform:translate(-50%,-50%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.confirm-icon{margin-bottom:var(--space-lg);font-size:48px}.confirm-message{font-size:var(--font-size-lg);color:var(--text-primary);margin-bottom:var(--space-xl);line-height:1.6}.confirm-actions{gap:var(--space-md);justify-content:center;display:flex}.toast-container{top:var(--space-lg);right:var(--space-lg);z-index:400;gap:var(--space-sm);flex-direction:column;display:flex;position:fixed}.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);align-items:center;gap:var(--space-sm);max-width:400px;animation:.4s toastIn;display:flex}.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:.3s forwards toastOut}@keyframes toastOut{to{opacity:0;transform:translate(40px)}}.global-loading{background:var(--global-loading-bg);z-index:500;justify-content:center;align-items:center;gap:var(--space-lg);flex-direction:column;display:flex;position:fixed;inset:0}.global-loading p{font-size:var(--font-size-lg);color:var(--text-secondary)}.loading-spinner{border:4px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}.spinner-inline{border:3px solid var(--border-color);border-top-color:var(--accent-primary);vertical-align:middle;border-radius:50%;width:20px;height:20px;margin-left:8px;animation:.8s linear infinite spin;display:inline-block}.hidden{display:none!important}@media (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)}.header-top-row{align-items:flex-start}.header-actions{align-items:flex-end;gap:var(--space-xs);flex-direction:column}.theme-toggle,.elderly-toggle{padding:3px 4px}.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;gap:var(--space-md);flex-direction:row}.card-metrics{grid-template-columns:1fr}.profile-panel{border-left:none;border-top:1px solid var(--border-color);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;height:auto;max-height:92dvh;inset:auto 0 0;transform:translateY(100%)}.profile-panel.visible{transform:translateY(0)}.profile-header:before{content:"";background:var(--drag-handle-bg);border-radius:2px;width:40px;height:4px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.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{gap:var(--space-sm);flex-direction:column}.toast-container{top:auto;bottom:var(--space-lg);left:var(--space-md);right:var(--space-md)}.toast{max-width:none}.elderly-mode .card-footer{align-items:stretch;gap:var(--space-sm);flex-direction:column}.elderly-mode .card-footer-info{white-space:normal;text-align:center;line-height:1.5}.elderly-mode .card-remove{justify-content:center;width:100%}.elderly-mode .card-header{align-items:flex-start;gap:var(--space-sm);flex-direction:column}.elderly-mode .card-identity{max-width:100%}.elderly-mode .card-name{white-space:normal;text-overflow:initial;line-height:1.4;overflow:visible}.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%}.elderly-mode .card-price-row{align-items:flex-start;gap:var(--space-xs);flex-direction:column}.elderly-mode .card-metrics{grid-template-columns:1fr}.elderly-mode .metric-label{white-space:normal}.elderly-mode .brand{font-size:var(--font-size-lg);gap:var(--space-sm)}.elderly-mode .brand-logo{width:52px;height:52px}.elderly-mode .search-box{padding:var(--space-sm) var(--space-md)}.elderly-mode .chart-periods{flex-wrap:wrap}.elderly-mode .chart-period-btn{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-xs);min-height:40px}.elderly-mode .chart-title{font-size:var(--font-size-base);min-width:0}.elderly-mode .confirm-dialog{min-width:auto;width:calc(100vw - var(--space-lg) * 2);max-width:420px}.elderly-mode .confirm-actions{flex-direction:column}.elderly-mode .confirm-actions .btn-lg{width:100%}.elderly-mode .tracking-header{flex-wrap:wrap}.elderly-mode .preview-exchange{white-space:normal;text-align:center}.elderly-mode .profile-content{padding:var(--space-lg)}.elderly-mode .profile-company-name{font-size:var(--font-size-lg);word-break:break-word}.elderly-mode .profile-tag{font-size:var(--font-size-sm);padding:6px 12px}.elderly-mode .btn-lg{min-width:100px;min-height:52px;font-size:var(--font-size-base);padding:var(--space-sm) var(--space-lg)}}@media (width<=340px){.elderly-mode{--font-size-xs:13px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:19px;--font-size-xl:23px;--font-size-2xl:28px;--space-md:14px;--space-lg:18px;--space-xl:28px;--min-tap-target:44px}.elderly-mode .brand{font-size:var(--font-size-base)}.elderly-mode .brand-logo{width:44px;height:44px}.elderly-mode .card-header .card-detail-btn,.elderly-mode .card-header .card-chart-btn{font-size:var(--font-size-xs);min-height:44px;padding:var(--space-xs) var(--space-sm)}}.chart-overlay{background:var(--confirm-overlay-bg);z-index:250;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:fixed;inset:0}.chart-modal{opacity:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:min(900px,94vw);height:min(620px,85vh);box-shadow:var(--shadow-elevated);z-index:251;transition:transform var(--transition-normal), opacity var(--transition-normal);flex-direction:column;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)scale(.95)}.chart-modal.visible{opacity:1;transform:translate(-50%,-50%)scale(1)}.chart-header{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.chart-title{font-size:var(--font-size-lg);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.chart-close{background:var(--bg-input);color:var(--text-primary);font-size:var(--font-size-lg);cursor:pointer;width:48px;height:48px;transition:background var(--transition-fast);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.elderly-mode .chart-close{width:56px;height:56px}.chart-close:hover{background:var(--bg-control-hover)}.chart-toolbar{padding:var(--space-md) var(--space-xl);border-bottom:1px solid var(--border-color);align-items:center;gap:var(--space-md);flex-shrink:0;display:flex}.chart-periods{gap:var(--space-xs);display:flex}.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);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;font-weight:600}.chart-period-btn:hover{border-color:var(--accent-primary);color:var(--text-primary);background:#6c63ff1a}.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;min-height:0;position:relative}.chart-container{width:100%;height:100%;position:relative}.chart-container a{display:none!important}.chart-tooltip{z-index:10;background:var(--tooltip-bg);border:1px solid var(--tooltip-border);border-radius:var(--radius-md);pointer-events:none;font-size:var(--font-size-sm);color:var(--text-secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-card);min-width:120px;padding:10px 14px;line-height:1.7;display:none;position:absolute}.tooltip-date{color:var(--text-primary);border-bottom:1px solid var(--tooltip-divider);font-weight:700;font-size:var(--font-size-sm);margin-bottom:4px;padding-bottom:4px}.tooltip-row{justify-content:space-between;gap:var(--space-lg);display:flex}.tooltip-label{color:var(--text-muted)}.tooltip-high{color:#ff4d4f;font-weight:600}.tooltip-low{color:#52c41a;font-weight:600}.chart-loading{justify-content:center;align-items:center;gap:var(--space-md);background:var(--chart-loading-bg);z-index:2;flex-direction:column;display:flex;position:absolute;inset:0}.chart-loading p{font-size:var(--font-size-sm);color:var(--text-muted)}.chart-error{font-size:var(--font-size-base);color:#ff7875;text-align:center;padding:var(--space-xl);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}@media (width<=600px){.chart-modal{opacity:1;border-radius:var(--radius-xl) var(--radius-xl) 0 0;border-bottom:none;border-left:none;border-right:none;width:100%;height:85dvh;inset:auto 0 0;transform:translateY(100%)}.chart-modal.visible{transform:translateY(0)}.chart-header:before{content:"";background:var(--drag-handle-bg);border-radius:2px;width:40px;height:4px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.chart-header{padding-top:var(--space-xl);position:relative}.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)}}