: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-blue-medium: #27548a;--palette-blue-dark: #183b4e;--yt-almost-black: #0f0f0f;--yt-dark-grey-surface: #212121;--yt-light-grey-text: #f1f1f1;--yt-medium-grey-text: #bdbdbd;--yt-hover-grey: #383838;--font-family: "Roboto", system-ui, Avenir, Helvetica, Arial, sans-serif;color-scheme:light;--bg-color-dark: #f0f2f5;--bg-color-medium: #fff;--bg-color-light: #f8f9fa;--border-color: #d6dce2;--text-color-primary: var(--palette-blue-dark);--text-color-secondary: #496978;--text-color-headings: var(--palette-blue-dark);--accent-color: var(--palette-blue-medium);--accent-color-darker: #1f436e;--on-accent-color: #fff;--color-gain: #28a745;--color-loss: #dc3545;--color-warning: #f3cd74;--on-color-loss: #fff;--on-color-warning: #302300;--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,.16);--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: #dda853;--on-color-loss: #000;--on-color-warning: #000;--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;min-width:320px;min-height:100vh;padding:32px 16px;font-family:var(--font-family);line-height:1.6;background:var(--bg-color-dark);color:var(--text-color-primary);transition:background-color var(--transition-speed),color var(--transition-speed)}#root,.App{width:100%}.App{max-width:700px;margin:0 auto}.App-main{display:flex;flex-direction:column;gap:24px}section{scroll-margin-top:16px}section{width:100%;padding:24px;border:1px solid var(--border-color);border-radius:var(--border-radius-medium);background:var(--bg-color-medium);box-shadow:var(--box-shadow)}section h2{margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid var(--border-color);color:var(--text-color-headings);font-size:1.25rem;font-weight:500}.data-display{text-align:center;padding-top:18px}.current-price{margin:0;color:var(--text-color-headings);font-size:2rem;line-height:1.2}.currency-pair{margin-left:6px;color:var(--text-color-secondary);font-size:.5em}.api-info{color:var(--text-color-secondary);font-size:.8rem}.last-update-time{margin:9px 0 0}.error-message,.warning-message,.info-message,.empty-state{margin:10px 0;padding:10px 15px;border-radius:var(--border-radius-small);text-align:center;font-size:.875rem}.error-message{color:var(--on-color-loss);background:var(--color-loss)}.warning-message{color:var(--on-color-warning);background:var(--color-warning)}.info-message,.empty-state{color:var(--text-color-secondary);border:1px solid var(--border-color);background:var(--bg-color-light)}.inline-validation{text-align:left}.chip{display:inline-block;margin-left:7px;padding:2px 8px;border:1px solid;border-radius:999px;font-size:.75em}.chip-network{color:#086208;border-color:#00800073;background:#0080001f}.chip-cache{color:#6f5200;border-color:#825f0080;background:#a0780029}[data-theme=dark] .chip-network{color:#9be49b}[data-theme=dark] .chip-cache{color:#f3cf7a}.calculation{padding:16px;border-bottom:1px solid var(--border-color)}.calculation:last-of-type{border-bottom:0}.calculation h3{margin:0 0 5px;color:var(--text-color-secondary);font-size:.8rem;font-weight:400}.calculation p{margin:0;font-size:1.25rem;font-weight:500}.profit-primary{font-variant-numeric:tabular-nums}.currency-secondary{color:var(--text-color-secondary);font-size:.8em;font-weight:400}.gain{color:var(--color-gain)}.loss{color:var(--color-loss)}.unavailable{color:var(--text-color-secondary);font-size:.95rem!important;font-weight:400!important}.input-group{margin-bottom:18px}.input-group label{display:block;margin:0 0 4px 12px;color:var(--text-color-secondary);font-size:.8rem}.input-group input{width:100%;padding:14px 12px 9px;border:0;border-bottom:1px solid var(--border-color);border-radius:var(--border-radius-small) var(--border-radius-small) 0 0;background:var(--bg-color-light);color:var(--text-color-primary);font:inherit;text-align:right}.input-group input:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.input-group input::placeholder{color:var(--text-color-secondary);opacity:.72}.input-group small{display:block;margin-top:6px;color:var(--text-color-secondary)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}button{padding:9px 16px;border:1px solid transparent;border-radius:var(--border-radius-small);font:500 .875rem var(--font-family);letter-spacing:.04em;cursor:pointer}button:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}button:active{transform:scale(.98)}.button-add{width:100%;background:var(--accent-color);color:var(--on-accent-color)}.button-add:hover{background:var(--accent-color-darker)}.button-delete,.button-undo{padding:7px 9px;background:transparent}.button-delete{color:var(--color-loss)}.button-undo{color:var(--text-color-primary);border-color:var(--color-warning);background:color-mix(in srgb,var(--color-warning) 25%,transparent)}.table-scroll{overflow-x:auto}.table-scroll:focus-visible{outline:2px solid var(--accent-color);outline-offset:3px}table{width:100%;border-collapse:collapse}th,td{padding:12px 10px;border-bottom:1px solid var(--border-color);text-align:right;font-size:.875rem}th{color:var(--text-color-secondary);font-size:.8rem;font-weight:500}th:first-child,td:first-child{text-align:left}.actions-cell{text-align:center;white-space:nowrap}.pending-delete{opacity:.66;background:var(--bg-color-light)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:520px){html{scroll-behavior:smooth}body{padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.App-main{gap:14px}section{padding:17px 14px;scroll-margin-top:16px}section h2{margin-bottom:15px;padding-bottom:9px;font-size:1.08rem}.data-display{position:static;padding:13px 12px;background:var(--bg-color-medium);box-shadow:none}.data-display h2{margin-bottom:9px;padding-bottom:7px;font-size:.82rem}.current-price{font-size:clamp(1.65rem,8vw,2rem)}.last-update-time{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:7px}.chip{margin-left:0}.data-display .api-info:not(.last-update-time){margin:5px 0 0}.calculation{padding:14px 4px;text-align:center}.calculation p{line-height:1.25}.profit-primary{display:block;font-size:1.35em}.currency-secondary{display:block;margin-top:3px;font-size:.85em}.currency-separator{display:none}.input-group{margin-bottom:15px}.input-group label{margin-left:4px}.input-group input{min-height:48px;padding:12px;font-size:16px}button{min-height:44px}.button-add{min-height:48px}.table-scroll{overflow:visible}.table-scroll:focus-visible{outline:none}table,tbody{display:block}thead{display:none}tbody{display:grid;gap:10px}tr{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;padding:13px;border:1px solid var(--border-color);border-radius:var(--border-radius-medium);background:var(--bg-color-light)}td{display:flex;flex-direction:column;gap:1px;padding:0;border:0;text-align:left!important;font-size:.95rem;font-variant-numeric:tabular-nums}td:before{content:attr(data-label);color:var(--text-color-secondary);font-size:.72rem}.actions-cell{grid-column:1 / -1}.actions-cell button{width:100%;margin-top:3px;border-color:currentColor}.pending-delete{opacity:.66}}@media(display-mode:standalone)and (max-width:520px){.App-main{padding-top:10px}}@media(max-width:520px){.is-standalone .App-main{padding-top:10px}}