html,body,#root{margin:0;padding:0;height:100%;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,sans-serif;background:#fff;color:#222;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}*{box-sizing:border-box}.app{display:flex;flex-direction:column;height:100dvh}.view{flex:1;min-height:0;display:flex;flex-direction:column}.view[hidden]{display:none}header{padding:8px 12px 6px;border-bottom:1px solid #ddd;display:flex;flex-direction:column;gap:6px;flex-shrink:0}.row{display:flex;align-items:center;gap:8px}.label{font-size:12px;color:#555;width:50px}.symbol-input{flex:1;padding:6px 8px;font-size:14px;border:1px solid #ccc;border-radius:6px;background:#fafafa;-webkit-appearance:none;outline:none}.symbol-input:focus{border-color:#1976d2}.price{margin-left:auto;font-size:16px;font-weight:700;color:#26a69a}.tf-row{gap:6px}.tf{flex:1;padding:8px 10px;font-size:13px;background:#f0f0f0;border:none;border-radius:6px;color:#444;cursor:pointer;font-weight:500}.tf:active{background:#e0e0e0}.tf.active{background:#1976d2;color:#fff;font-weight:600}.status{padding:6px 12px;min-height:28px;font-size:12px;color:#444;border-bottom:1px solid #eee;display:flex;align-items:center;flex-shrink:0}.err{color:#c62828}.chart-wrap{flex:1;position:relative;min-height:0}.chart-container{position:absolute;top:0;right:0;bottom:0;left:0}.watchlist-page{flex:1;display:flex;flex-direction:column;min-height:0}.watchlist-controls{padding:8px 12px;border-bottom:1px solid #ddd;flex-shrink:0}.watchlist-select{flex:1;padding:6px 8px;font-size:14px;border:1px solid #ccc;border-radius:6px;background:#fafafa}.watchlist-status{padding:6px 12px;font-size:12px;color:#444;border-bottom:1px solid #eee;min-height:28px;display:flex;align-items:center;flex-shrink:0}.watchlist-table-wrap{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.watchlist-table{width:100%;border-collapse:collapse;font-size:14px}.watchlist-table thead th{position:sticky;top:0;background:#fff;text-align:left;font-weight:600;font-size:12px;color:#666;padding:8px 12px;border-bottom:1px solid #ddd}.watchlist-table tbody tr{border-bottom:1px solid #f0f0f0;cursor:pointer}.watchlist-table tbody tr:active{background:#f5f5f5}.watchlist-table tbody tr.row-selected{background:#eaf2fd}.watchlist-table td{padding:10px 12px}.col-symbol{font-weight:500}.col-price,.col-change{text-align:right;font-variant-numeric:tabular-nums}.watchlist-table th.col-price,.watchlist-table th.col-change{text-align:right}.tab-bar{display:flex;flex-shrink:0;border-top:1px solid #ddd;background:#fafafa;padding-bottom:env(safe-area-inset-bottom,0)}.tab{flex:1;padding:14px 0;font-size:14px;font-weight:500;background:transparent;border:none;color:#666;cursor:pointer}.tab:active{background:#eee}.tab.active{color:#1976d2;font-weight:700}