:root{--bg-color: #f2f2f2;--text-primary: #222;--text-secondary: #888;--text-muted: #777;--text-label: #666;--text-action: #555;--text-market: #444;--text-about: #4a4a4a;--border-color: #ddd;--border-separator: #e0e0e0;--border-heavy: #d8d8d8;--border-remove: #ccc;--surface-color: #fff;--surface-hover: #f5f5f5;--surface-active: #ddd;--surface-textarea: #f9f9f9;--positive-color: #2e7d32;--negative-color: #d32f2f;--negative-bg: rgba(211, 47, 47, .1);--error-bg: #ffcdd2;--error-text: #c62828;--market-offline-bg: #ffcdd2;--market-offline-text: #c62828;--market-open-bg: #d8d8d8;--market-open-text: #444;--market-closed-bg: #d8d8d8;--market-closed-text: #444;--mask-bg: #ddd;--shadow-color: rgba(0, 0, 0, .13);--shadow-intense: rgba(0, 0, 0, .2)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg-color: #121212;--text-primary: #e0e0e0;--text-secondary: #b0b0b0;--text-muted: #a0a0a0;--text-label: #909090;--text-action: #b0b0b0;--text-market: #a0a0a0;--text-about: #909090;--border-color: #333333;--border-separator: #222222;--border-heavy: #3a3a3a;--border-remove: #444;--surface-color: #1e1e1e;--surface-hover: #262626;--surface-active: #333333;--surface-textarea: #1a1a1a;--positive-color: #81c784;--negative-color: #e57373;--negative-bg: rgba(229, 115, 115, .12);--error-bg: #3c1e1e;--error-text: #ff8a80;--market-offline-bg: #3c1e1e;--market-offline-text: #ff8a80;--market-open-bg: #1b2e1b;--market-open-text: #a5d6a7;--market-closed-bg: #2a2a2a;--market-closed-text: #b0b0b0;--mask-bg: #2a2a2a;--shadow-color: rgba(0, 0, 0, .5);--shadow-intense: rgba(0, 0, 0, .7)}}:root[data-theme=dark]{--bg-color: #121212;--text-primary: #e0e0e0;--text-secondary: #b0b0b0;--text-muted: #a0a0a0;--text-label: #909090;--text-action: #b0b0b0;--text-market: #a0a0a0;--text-about: #909090;--border-color: #333333;--border-separator: #222222;--border-heavy: #3a3a3a;--border-remove: #444;--surface-color: #1e1e1e;--surface-hover: #262626;--surface-active: #333333;--surface-textarea: #1a1a1a;--positive-color: #81c784;--negative-color: #e57373;--negative-bg: rgba(229, 115, 115, .12);--error-bg: #3c1e1e;--error-text: #ff8a80;--market-offline-bg: #3c1e1e;--market-offline-text: #ff8a80;--market-open-bg: #1b2e1b;--market-open-text: #a5d6a7;--market-closed-bg: #2a2a2a;--market-closed-text: #b0b0b0;--mask-bg: #2a2a2a;--shadow-color: rgba(0, 0, 0, .5);--shadow-intense: rgba(0, 0, 0, .7)}:root[data-theme=light]{--bg-color: #f2f2f2;--text-primary: #222;--text-secondary: #888;--text-muted: #777;--text-label: #666;--text-action: #555;--text-market: #444;--text-about: #4a4a4a;--border-color: #ddd;--border-separator: #e0e0e0;--border-heavy: #d8d8d8;--border-remove: #ccc;--surface-color: #fff;--surface-hover: #f5f5f5;--surface-active: #ddd;--surface-textarea: #f9f9f9;--positive-color: #2e7d32;--negative-color: #d32f2f;--negative-bg: rgba(211, 47, 47, .1);--error-bg: #ffcdd2;--error-text: #c62828;--market-offline-bg: #ffcdd2;--market-offline-text: #c62828;--market-open-bg: #d8d8d8;--market-open-text: #444;--market-closed-bg: #d8d8d8;--market-closed-text: #444;--mask-bg: #ddd;--shadow-color: rgba(0, 0, 0, .13);--shadow-intense: rgba(0, 0, 0, .2)}*{box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-primary);font-family:Outfit,Verdana,Geneva,sans-serif;margin:0;overflow-x:hidden;user-select:none;-webkit-user-select:none}button,input,select,textarea,a,.stock-row,.stock-list-header{font-family:Outfit,Verdana,Geneva,sans-serif;user-select:auto;-webkit-user-select:auto;-webkit-tap-highlight-color:transparent}.total-value,.summary-value,.summary-percent,.stock-col-holdings,.stock-col-changes{user-select:text;-webkit-user-select:text}#app{padding:0;position:relative;max-width:800px;margin:0 auto}.app-name{font-size:2em;font-weight:600;color:var(--text-primary);letter-spacing:-.5px;text-shadow:0 0 13px var(--shadow-color);line-height:1}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:1em;padding-top:calc(1.5em + env(safe-area-inset-top));background-color:var(--bg-color);position:sticky;top:0;z-index:100;min-height:calc(4em + env(safe-area-inset-top))}.top-bar-left{display:flex;align-items:center;text-align:left}.top-bar-right{display:flex;align-items:center;font-size:.9em;color:var(--text-muted);text-align:right}.icon-button{background:none;border:none;padding:0;font-size:1.8em;cursor:pointer;color:var(--text-action);line-height:0;width:40px;height:40px;display:flex;justify-content:center;align-items:center}.back-button{font-weight:600;width:32px;height:32px;padding:4px}.back-button>div{transform:translateY(1px)}.main-content{padding:0 1em 1em}.title-row{display:flex;width:100%;align-items:center;padding-bottom:4px}.market-row{display:flex;justify-content:center;align-items:center;gap:.5em;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;margin-top:.5em;margin-bottom:1.8em;padding:.6em 0;background-color:var(--border-heavy);color:var(--text-muted);transition:background-color .3s ease-in-out}.market-row.market-open{background-color:var(--market-open-bg);color:var(--market-open-text)}.market-row.market-closed{background-color:var(--market-closed-bg);color:var(--market-closed-text)}.market-row.market-offline,.market-row.market-error{background-color:var(--market-offline-bg);color:var(--market-offline-text);transition:background-color .3s ease-in-out,color .3s ease-in-out}.market-loading-bar{height:5px;width:100%;position:absolute;bottom:0;left:0;overflow:hidden;opacity:0;transition:opacity .3s ease-in-out;pointer-events:none}.market-loading-bar:before{content:"";position:absolute;top:0;left:-200%;width:200%;height:100%;background:linear-gradient(90deg,#0000,#00000026,#0000);animation:loading-wave 1s linear infinite}.market-loading-bar.visible{opacity:1}@keyframes loading-wave{0%{transform:translate(0)}to{transform:translate(150%)}}.market-state{font-size:1.1em;transition:opacity .2s ease-in-out}.status-fade{animation:statusFade .3s ease-out}@keyframes statusFade{0%{opacity:0}to{opacity:1}}.market-status-title{text-transform:uppercase;font-weight:600}.error-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--error-bg);color:var(--error-text);display:flex;justify-content:center;align-items:center;font-weight:600;padding:1em;text-align:center;z-index:1000}.error-message-container{text-align:center}.error-message-title{font-size:1.2em;margin-bottom:.5em;font-weight:700}.error-message-text{font-size:.9em}.error-message-actions{margin-top:1.5em}.error-message-link{color:inherit;text-decoration:underline;font-size:.9em}@keyframes fadein{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadein .75s ease-in-out}.market-time{font-size:.9em;color:var(--text-secondary);font-weight:500}.portfolio-value{width:100%}.total-value{font-size:2em;font-weight:600;color:var(--text-primary);margin-bottom:.2em;text-align:right;text-shadow:0 0 12px var(--shadow-intense)}.summary-grid{display:grid;grid-template-columns:1fr auto auto;column-gap:.8em;row-gap:.2em;font-size:.9em;width:100%;margin-top:.5em}.summary-label{color:var(--text-label);text-align:left;font-weight:400}.summary-value,.summary-percent{text-align:right;font-weight:400}.stock-list{display:flex;flex-direction:column;margin-top:1.5em;padding-bottom:.6em}.stock-list-header{display:flex;align-items:flex-end;padding:.6em 0;font-size:.75em;color:var(--text-secondary);text-transform:none;font-weight:400;gap:1.3em;outline:none;-webkit-tap-highlight-color:transparent;border-bottom:2px solid var(--border-heavy);margin-bottom:.2em}.stock-list-header .stock-col-name{flex:1;min-width:110px;color:inherit;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.stock-list-header .stock-col-holdings{flex:0 0 100px;text-align:right;display:flex;flex-direction:row;justify-content:flex-end;align-items:flex-end}.stock-list-header .stock-col-changes{flex:0 0 80px;text-align:right;display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.stock-row{display:flex;align-items:flex-start;padding:.6em 0;cursor:pointer;gap:1em;border-top:1px solid var(--border-separator)}.stock-list-header+.stock-row,.total-row+.stock-row{border-top:none}.total-row{border-top:none;border-bottom:2px solid var(--border-heavy)!important;cursor:default}.total-value-row{border-top:2px solid var(--border-heavy)!important;margin-top:.5em;cursor:default}.top-bar-right-wrapper{display:flex;align-items:center}.new-version-button{height:auto;padding:.5em 0 .5em .8em;margin:0 8px 0 0;font-size:.8em;font-weight:400;display:flex;align-items:center;gap:.5em}.new-version-icon{font-size:1.4em;display:flex;align-items:center;justify-content:center;line-height:1}.settings-spacer{width:16px}.settings-button{display:flex;align-items:center;justify-content:center;padding:4px;width:32px;height:32px;transform:translateY(1px)}.market-state-wrapper{text-align:center;width:100%;display:flex;flex-direction:column}.market-state-subtext{display:flex;flex-direction:column;gap:4px;margin-top:4px}.market-subtext-line{font-size:.75em;font-weight:400}.market-subtext-line-gray{font-size:.75em;font-weight:400;color:var(--text-muted)}.market-subtext-line-loading{font-size:.75em;font-weight:400;color:var(--text-muted);min-height:1.2em;position:relative}.market-subtext-line-error{font-size:.75em;font-weight:400;color:var(--error-text);min-height:1.2em;position:relative}.view-selector{display:flex;margin-top:.5em;margin-bottom:1em;border-radius:6px;border:1px solid var(--border-color);overflow:hidden;box-shadow:0 1px 3px #0000000d}.view-selector-btn{flex:1;padding:.8em .2em;border:none;background:transparent;color:var(--text-muted);font-size:.85em;font-weight:400;cursor:pointer;transition:all .2s}.view-selector-btn-active{background:var(--surface-active);color:var(--text-primary);font-weight:600}.view-selector-btn-day{border-right:1px solid var(--border-color)}.total-row-text{font-weight:800}.total-row-instrument{font-weight:400}.total-value-label{font-size:.8em;color:var(--text-secondary);font-weight:600}.total-value-amount{font-weight:600;color:var(--text-primary);display:flex;align-items:flex-end;justify-content:center;flex-direction:column}.market-state-wrapper-padded{padding:0 1em}.word-break-all{word-break:break-word}.masked-value{color:transparent!important;text-shadow:0 0 10px rgba(0,0,0,.5);background-color:var(--mask-bg);-webkit-user-select:none;user-select:none;cursor:default}.mask-toggle-btn{display:flex;align-items:center;justify-content:center;padding:4px;position:relative;width:32px;height:32px;transition:transform .2s cubic-bezier(.4,0,.2,1)}.mask-toggle-btn:active{transform:scale(.9)}.mask-icon-container{display:flex;align-items:center;justify-content:center;transform:translateY(1px)}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes unpop{0%{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}.mask-icon-container.animate.visible svg{animation:pop .25s cubic-bezier(.4,0,.2,1) forwards}.mask-icon-container.animate.masked svg{animation:unpop .25s cubic-bezier(.4,0,.2,1) forwards}.mask-icon-container.no-animate svg{animation:none!important}.inactive-row{cursor:default}.inactive-row>*{opacity:.4}.inactive-row .positive,.inactive-row .negative{color:var(--text-secondary)!important}.stock-col-name{flex:1;min-width:110px;text-align:left;color:var(--text-primary);display:flex;flex-direction:column}.symbol-name{font-weight:400;font-size:1.1em}.instrument-name{font-size:.8em;color:var(--text-secondary);font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.stock-col-holdings{flex:0 0 100px;display:flex;flex-direction:column;text-align:right;align-items:flex-end;font-weight:400}.stock-col-holdings>div:first-child{font-weight:600;font-size:1em;margin-bottom:.1em}.stock-col-holdings .all-time-change{font-size:.85em;font-weight:400}.stock-col-changes{flex:0 0 80px;display:flex;flex-direction:column;align-items:flex-end;text-align:right}.stock-col-changes>div:first-child{font-weight:600;font-size:1em;margin-bottom:.1em}.day-change-value{font-size:.85em;font-weight:400}.pre-post-change{font-size:.85em;color:var(--text-secondary)}.add-button{display:block;width:100%;border-radius:6px;border:1px solid var(--border-color);background-color:transparent;font-size:1em;font-weight:500;cursor:pointer;padding:1em;margin:1em 0 2em;text-align:center;color:var(--text-action);box-shadow:0 1px 3px #0000000d}.positive{color:var(--positive-color);padding:0 4px;border-radius:4px;margin:0 -4px;display:inline-block}.negative{color:var(--negative-color);padding:0 4px;border-radius:4px;margin:0 -4px;display:inline-block}.negative:not(.masked-value):not(.grayed-out){background-color:var(--negative-bg)}.last-update{display:flex;align-items:center;margin-right:1em;font-size:.75em;color:var(--text-secondary);white-space:nowrap;text-align:right}.update-icon{display:inline-block;margin-right:4px;font-size:1.2em}.update-icon.spinning{animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search-container{display:flex;margin-bottom:1em}input{background-color:transparent!important;color:var(--text-primary)}input::placeholder{color:var(--text-secondary);opacity:.7}input:focus{outline:none;border-color:var(--text-muted);box-shadow:none}#search-input{width:100%;padding:.8em;font-size:1.2em;border:1px solid var(--border-color);border-radius:6px;box-shadow:0 1px 3px #0000000d}.sync-button{background:none;border:none;border-radius:6px;margin-left:.5em;padding:.5em 1em;cursor:pointer}#search-results{background-color:transparent}.search-result-row{display:flex;justify-content:space-between;align-items:center;padding:.8em 1em;border-bottom:1px solid var(--border-separator);cursor:pointer}.search-error-container{text-align:center;color:var(--negative-color);margin-top:2em;padding:0 1em}.search-error-message{font-size:.9em}.search-no-results{text-align:center;color:var(--text-secondary);margin-top:2em}.search-results-list{border:1px solid var(--border-separator);border-radius:8px;margin-top:1em;overflow:hidden}.search-result-row:last-child{border-bottom:none}.search-result-row:hover{background-color:var(--surface-hover)}.result-symbol{font-weight:700;flex-shrink:0;margin-right:1em}.result-name{color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lot-history table{width:100%;border-collapse:collapse;margin-top:1em;background-color:var(--surface-color);border:1px solid var(--border-separator)}.lot-history th,.lot-history td{padding:.8em;text-align:left;border-bottom:1px solid var(--border-separator)}.lot-history th{background-color:var(--surface-hover)}.remove-lot-button{background:none;border:1px solid var(--border-color);border-radius:4px;color:var(--border-remove);font-size:1.2em;cursor:pointer;padding:0;line-height:1;box-shadow:0 1px 3px #0000000d}.add-lot-button{display:block;width:100%;border-radius:6px;border:1px solid var(--border-color);background-color:transparent;font-size:1em;font-weight:500;cursor:pointer;padding:1em;margin:1.5em 0;text-align:center;color:var(--text-action);box-shadow:0 1px 3px #0000000d}.remove-stock-button{display:block;width:100%;border-radius:6px;border:1px solid var(--negative-color);background-color:transparent;font-size:1em;font-weight:500;cursor:pointer;padding:1em;margin:2em 0;text-align:center;color:var(--negative-color);box-shadow:0 1px 3px #0000000d}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:1em 0}.setting-item:last-of-type{border-bottom:none}.about-info{margin-top:2em}.about-info h3{margin-top:0;color:var(--text-about)}.about-info a{color:#2196f3;text-decoration:none}.about-info a:hover{text-decoration:underline}.settings-top-bar-right{display:flex;align-items:center;gap:8px}.settings-main-content{display:flex;flex-direction:column;gap:1em;padding-top:1em}.settings-textarea{width:100%;height:200px;padding:1em;font-family:monospace;border:1px solid var(--border-color);border-radius:6px;white-space:pre;overflow:auto;font-size:.8em;background-color:var(--surface-textarea);color:var(--text-primary);box-shadow:0 1px 3px #0000000d}.settings-textarea-export{background:var(--surface-textarea)}.settings-textarea-import{background:var(--surface-color)}.settings-import-actions{display:flex;gap:.8em}.stock-row-index{width:2em;font-size:.85em;color:var(--text-secondary);text-align:left}.stock-input-field{width:100%;padding:.6em;border:1px solid var(--border-color);border-radius:6px;font-size:.9em;height:38px;box-sizing:border-box;box-shadow:0 1px 3px #0000000d}.stock-screen-top-bar-right{display:flex;align-items:center;gap:16px}.finance-link-button{margin:0;padding:.8em;font-size:.9em;text-decoration:none;display:flex;align-items:center;justify-content:center}.pointer{cursor:pointer}.cursor-default{cursor:default}.tap-transparent{-webkit-tap-highlight-color:transparent}.text-bold{font-weight:800!important}.text-semibold{font-weight:600!important}.text-small-bold{font-size:.85em;font-weight:800!important}.text-small-semibold{font-size:.85em;font-weight:600!important}.sort-arrow{font-size:.9em;margin-left:2px}