:root{--font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif}html,body{height:100%}body{margin:0;min-width:320px;min-height:100%;font-family:var(--font-family);line-height:1.5;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}:root{--palette-beige: #F5EEDC;--palette-blue-medium: #27548A;--palette-blue-dark: #183B4E;--palette-gold: #DDA853;--yt-almost-black: #0F0F0F;--yt-dark-grey-surface: #212121;--yt-light-grey-text: #F1F1F1;--yt-medium-grey-text: #AAAAAA;--yt-border-grey: #303030;--yt-hover-grey: #383838}:root,[data-theme=light]{--font-family: "Roboto", system-ui, Avenir, Helvetica, Arial, sans-serif;color-scheme:light;--bg-color-dark: #F0F2F5;--bg-color-medium: #ffffff;--bg-color-light: #F8F9FA;--border-color: #DEE2E6;--text-color-primary: var(--palette-blue-dark);--text-color-secondary: #5a7a8a;--text-color-headings: var(--palette-blue-dark);--accent-color: var(--palette-blue-medium);--accent-color-darker: #1f436e;--on-accent-color: #ffffff;--color-gain: #28a745;--color-loss: #dc3545;--color-warning: var(--palette-gold);--on-color-gain: #ffffff;--on-color-loss: #ffffff;--on-color-warning: var(--palette-blue-dark);--border-radius-small: 4px;--border-radius-medium: 8px;--box-shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.1);--transition-speed: .2s}[data-theme=dark]{color-scheme:dark;--bg-color-dark: var(--yt-almost-black);--bg-color-medium: var(--yt-dark-grey-surface);--bg-color-light: var(--yt-hover-grey);--border-color: rgba(255, 255, 255, .1);--text-color-primary: var(--yt-light-grey-text);--text-color-secondary: var(--yt-medium-grey-text);--text-color-headings: var(--yt-light-grey-text);--accent-color: var(--yt-light-grey-text);--accent-color-darker: var(--yt-medium-grey-text);--on-accent-color: var(--yt-almost-black);--color-gain: #81c784;--color-loss: #e57373;--color-warning: var(--palette-gold);--on-color-gain: #000000;--on-color-loss: #000000;--on-color-warning: #000000;--box-shadow: 0 2px 4px rgba(0,0,0,.2), 0 3px 5px rgba(0,0,0,.3)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-family);background-color:var(--bg-color-dark);color:var(--text-color-primary);line-height:1.6;min-height:100vh;padding:32px 16px;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease}a{color:var(--accent-color);text-decoration:none}a:hover{color:var(--accent-color-darker);text-decoration:underline}a:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}#root{width:100%}.App{width:100%;max-width:700px;margin:0 auto}.App-header{display:flex;flex-direction:column;align-items:center;gap:24px}section{background-color:var(--bg-color-medium);border-radius:var(--border-radius-medium);padding:24px;width:100%;box-shadow:var(--box-shadow);border:1px solid var(--border-color);transition:background-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease,border-color var(--transition-speed) ease}section h2{margin-top:0;margin-bottom:20px;color:var(--text-color-headings);font-weight:500;font-size:1.25em;border-bottom:1px solid var(--border-color);padding-bottom:12px;transition:color var(--transition-speed) ease,border-color var(--transition-speed) ease}.input-group{margin-bottom:18px}.input-group label{display:block;margin-bottom:4px;font-size:.75em;font-weight:400;color:var(--text-color-secondary);transition:color var(--transition-speed) ease;padding-left:12px}.input-group input[type=number],.input-group input[type=text]{width:100%;padding:16px 12px 8px;border-radius:var(--border-radius-small) var(--border-radius-small) 0 0;border:none;border-bottom:1px solid var(--border-color);background-color:var(--bg-color-light);color:var(--text-color-primary);font-size:1em;font-family:var(--font-family);text-align:right;transition:border-color var(--transition-speed) ease,background-color var(--transition-speed) ease}.input-group input[type=number]:focus,.input-group input[type=text]:focus{outline:none;border-bottom:2px solid var(--accent-color);padding-bottom:7px}.input-group input[type=number]:focus-visible,.input-group input[type=text]:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.input-group input::placeholder{color:var(--text-color-secondary);opacity:.7;text-align:right}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}button{font-family:var(--font-family);padding:8px 16px;border:none;border-radius:var(--border-radius-small);font-size:.875em;font-weight:500;cursor:pointer;text-transform:uppercase;letter-spacing:.089em;transition:background-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease,transform .1s ease-out,color var(--transition-speed) ease,border-color var(--transition-speed) ease;box-shadow:none;-webkit-tap-highlight-color:transparent;border:1px solid transparent}button:active{transform:scale(.98);box-shadow:none}button:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.button-add,.button-update{background-color:var(--accent-color);color:var(--on-accent-color);min-width:64px}[data-theme=dark] .button-add,[data-theme=dark] .button-update{background-color:transparent;border-color:var(--yt-medium-grey-text);color:var(--text-color-primary);box-shadow:none}.button-add:hover,.button-update:hover{background-color:var(--accent-color-darker)}[data-theme=dark] .button-add:hover,[data-theme=dark] .button-update:hover{background-color:var(--bg-color-light);border-color:var(--yt-medium-grey-text)}.button-delete,.button-undo,.button-edit,.button-cancel{background-color:transparent;box-shadow:none;padding:8px;min-width:auto;letter-spacing:.089em;border-color:transparent}.button-delete:hover,.button-undo:hover,.button-edit:hover,.button-cancel:hover{background-color:#0000000a}[data-theme=dark] .button-delete:hover,[data-theme=dark] .button-undo:hover,[data-theme=dark] .button-edit:hover,[data-theme=dark] .button-cancel:hover{background-color:var(--bg-color-light)}.button-delete{color:var(--color-loss)}.button-undo{color:var(--color-warning)}.button-edit,.button-cancel{color:var(--text-color-secondary)}button:disabled{background-color:#00000014;color:#0000004d;border-color:transparent;cursor:default;transform:none}[data-theme=dark] button:disabled{background-color:#ffffff14;color:#ffffff4d;border-color:transparent}.data-display{text-align:center;padding:16px 0}.current-price{font-size:2em;font-weight:400;margin:0;color:var(--text-color-headings);line-height:1.2}.data-display .currency-pair{font-size:.5em;color:var(--text-color-secondary);margin-left:4px;font-weight:400}.api-info{font-size:.75em;margin-top:8px;color:var(--text-color-secondary)}.error-message,.warning-message,.info-message{font-size:.875em;padding:10px 15px;margin:8px 0;border-radius:var(--border-radius-small);text-align:center;border:none}.error-message{color:var(--on-color-loss);background-color:var(--color-loss)}[data-theme=dark] .error-message{color:#000}.warning-message{color:var(--on-color-warning);background-color:var(--color-warning)}[data-theme=dark] .warning-message{color:#000}.info-message{color:var(--text-color-secondary);background-color:var(--bg-color-light);border:1px solid var(--border-color);text-align:center;font-style:normal}.sales-list{overflow-x:auto}.sales-list table{width:100%;border-collapse:collapse;margin:16px 0}.sales-list th,.sales-list td{padding:12px 16px;text-align:right;font-size:.875em;border-bottom:1px solid var(--border-color)}.sales-list td:first-child,.sales-list th:first-child{text-align:left}.sales-list td.actions-cell,.sales-list th:last-child{text-align:center}.sales-list th{color:var(--text-color-secondary);font-weight:500;text-transform:none;letter-spacing:normal;font-size:.8em}.sales-list tr{background-color:transparent;transition:background-color var(--transition-speed) ease}.sales-list tbody tr:hover{background-color:var(--bg-color-light)}.sales-list tr.pending-delete{opacity:.5;background-color:var(--bg-color-light);font-style:italic}.sales-list td.actions-cell button{margin:0 2px}.sales-list .summary{margin-top:16px;padding-top:12px;border-top:1px solid var(--border-color);font-size:.9em;text-align:right;color:var(--text-color-secondary)}.sales-list .summary strong{color:var(--text-color-primary);font-weight:500}.calculation{margin-top:12px;padding:16px;background-color:transparent;border:none;border-bottom:1px solid var(--border-color);border-radius:0}.calculation:last-child{border-bottom:none}.calculation h3{margin:0 0 4px;font-size:.75em;font-weight:400;color:var(--text-color-secondary);text-transform:none}.calculation p{font-size:1.25em;font-weight:500;margin:0 0 6px;line-height:1.3}.calculation small{font-size:.8em;color:var(--text-color-secondary)}.calculation p .currency-secondary{font-size:.8em;color:var(--text-color-secondary);margin-left:4px;font-weight:400}.gain{color:var(--color-gain)}.loss{color:var(--color-loss)}.last-update-time{margin-top:8px;font-style:italic;font-size:.75em;color:var(--text-color-secondary)}.sales-list td.actions-cell{text-align:center;white-space:nowrap}.sales-list td.actions-cell button{margin:0 3px;padding:4px 8px;font-size:.75em}.chip{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.72em;line-height:1.6;border:1px solid var(--border-color);margin-left:6px;vertical-align:middle}.chip-network{background:#0080001f;color:#0a7a0a;border-color:#00800059}.chip-cache{background:#a0a00024;color:#8a6a00;border-color:#a0a00059}