*{box-sizing:border-box}body{background-color:#f2f2f2;color:#222;font-family:Outfit,Verdana,Geneva,sans-serif;margin:0;overflow-x:hidden;user-select:none;-webkit-user-select:none}button,input,select,textarea{font-family:Outfit,Verdana,Geneva,sans-serif;user-select:auto;-webkit-user-select:auto}.total-value,.summary-value,.summary-percent,.stock-col-holdings,.stock-col-changes,.splash-screen{user-select:text;-webkit-user-select:text}#app{padding:0;position:relative}.splash-screen{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;font-size:2em;font-weight:700;color:#222;letter-spacing:-.5px;text-shadow:0 0 15px rgba(0,0,0,.1)}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:1.5em 1em;padding-top:calc(2em + env(safe-area-inset-top));background-color:transparent}.top-bar-left{display:flex;align-items:center;text-align:left}.app-name{font-size:2em;font-weight:700;color:#222;text-transform:none;letter-spacing:-.5px;text-shadow:0 0 15px rgba(0,0,0,.1)}.top-bar-right{display:flex;align-items:center;font-size:.9em;color:#777;text-align:right}.icon-button{background:none;border:none;padding:0;font-size:1.8em;cursor:pointer;color:#555;line-height:0;width:40px;height:40px;display:flex;justify-content:center;align-items:center}.back-button{font-weight:700;text-shadow:.5px 0 0 #555,-.5px 0 0 #555}.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:1em;margin-bottom:1.8em;padding:.6em 0;background-color:#d8d8d8;color:#444}.market-row.market-offline,.market-row.market-error{background-color:#ffcdd2;color:#c62828}.market-state{font-size:1.1em}.market-status-title{text-transform:uppercase;font-weight:700}.error-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffcdd2;color:#c62828;display:flex;justify-content:center;align-items:center;font-weight:700;padding:1em;text-align:center;z-index:1000}@keyframes fadein{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadein .75s ease-in-out}.loading-dots{display:inline-block;width:1.2em;text-align:left}.loading-dots:after{content:"";animation:dots 1.5s steps(4,end) infinite}@keyframes dots{0%,to{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.market-time{font-size:.9em;color:#888;font-weight:500}.portfolio-value{width:100%}.total-value{font-size:2em;font-weight:700;color:#222;margin-bottom:.2em;text-align:right;text-shadow:0 0 15px rgba(0,0,0,.1)}.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:#666;text-align:left}.summary-value,.summary-percent{text-align:right;font-weight:500}.stock-list{display:flex;flex-direction:column;gap:.5em;margin-top:1.5em}.stock-list-header{display:flex;align-items:flex-end;padding:.5em 0;border-bottom:1px solid #e0e0e0;font-size:.75em;color:#888;text-transform:none;font-weight:400;gap:1em;outline:none;-webkit-tap-highlight-color:transparent}.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:center}.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:.4em 0;cursor:pointer;gap:1em;border-bottom:1px solid #e0e0e0}.stock-row:last-child{border-bottom:none}.stock-col-name{flex:1;min-width:110px;text-align:left;color:#222;display:flex;flex-direction:column}.symbol-name{font-weight:600;font-size:1.1em}.instrument-name{font-size:.8em;color:#888;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}.stock-col-holdings>div:first-child{font-weight:600;font-size:1em;margin-bottom:.1em}.stock-col-holdings .all-time-change{font-size:.85em;color:#888}.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,.pre-post-change{font-size:.85em;color:#888}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.5);cursor:pointer}.add-button{display:block;width:100%;border-radius:6px;border:1px solid #ddd;background-color:transparent;font-size:1em;font-weight:500;cursor:pointer;padding:1em;margin:2em 0;text-align:center;color:#555;box-shadow:0 1px 3px #0000000d}.positive{color:#2e7d32}.negative{color:#d32f2f}.last-update{display:flex;align-items:center;margin-right:1em;font-size:.75em;color:#888;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}input:focus{outline:none;border-color:#bbb;box-shadow:none}#search-input{width:100%;padding:.8em;font-size:1.2em;border:1px solid #ddd;border-radius:6px}.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;padding:.8em 1em;border-bottom:1px solid #e0e0e0;cursor:pointer}.search-result-row:last-child{border-bottom:none}.search-result-row:hover{background-color:#f5f5f5}.result-symbol{font-weight:700;flex-shrink:0;margin-right:1em}.result-name{color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.purchase-history table{width:100%;border-collapse:collapse;margin-top:1em;background-color:#fff;border:1px solid #e0e0e0}.purchase-history th,.purchase-history td{padding:.8em;text-align:left;border-bottom:1px solid #e0e0e0}.purchase-history th{background-color:#f5f5f5}.remove-purchase-button{background:none;border:none;color:#ccc;font-size:1.2em;cursor:pointer;padding:0;line-height:1}.add-purchase-button{display:block;width:100%;border-radius:6px;border:1px solid #ddd;background-color:transparent;font-size:1em;font-weight:500;cursor:pointer;padding:1em;margin:1.5em 0;text-align:center;color:#555;box-shadow:0 1px 3px #0000000d}.remove-stock-button{display:block;width:100%;border-radius:6px;border:1px solid #d32f2f;background-color:transparent;font-size:1em;font-weight:500;cursor:pointer;padding:1em;margin:2em 0;text-align:center;color:#d32f2f;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;padding-top:1em}.about-info h3{margin-top:0;color:#4a4a4a}.about-info a{color:#2196f3;text-decoration:none}.about-info a:hover{text-decoration:underline}