:root{--bg: #080f0e;--surface: #101918;--surface-2: #192422;--border: #2a3633;--text: #ecf4f2;--text-muted: #aebab8;--accent: #14b8a6;--accent-hover: #39cbb9;--accent-pressed: #00a796;--accent-2: #ce8cff;--accent-subtle: rgba(20, 184, 166, .16);--on-accent: #0b0b0b;--price-up: #34d399;--price-down: #f87171;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.4}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}button,select,input{font:inherit;color:var(--text)}button,select,input[type=search]{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px 12px}button{cursor:pointer}button:hover{background:var(--surface-2)}button[aria-pressed=true]{background:var(--accent-subtle);border-color:var(--accent);color:var(--accent)}select:disabled{opacity:.55}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.top{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;background:var(--bg);border-bottom:1px solid var(--border)}.brand{font-weight:700;letter-spacing:.04em;color:var(--accent);white-space:nowrap}.search{flex:1 1 260px;min-width:0}.tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.colour input{width:40px;height:36px;padding:2px;background:var(--surface);border:1px solid var(--border);border-radius:8px;cursor:pointer}main{max-width:1400px;margin:0 auto;padding:16px}.filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.views{display:flex;gap:4px;margin-left:auto}.note{color:var(--text-muted);font-size:.9rem;margin:12px 0}.error{color:var(--price-down)}.results.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;margin-top:8px}.results.list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.item{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.item h3{margin:0;font-size:.95rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item .meta{margin:2px 0 0;color:var(--text-muted);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item .thumb img,.item .noimg{display:block;width:100%;height:100%;object-fit:contain}.item .noimg{background:var(--surface-2)}.price{font-weight:700;font-size:1.05rem}.item.grid{display:flex;flex-direction:column}.item.grid .thumb{aspect-ratio:5 / 7;background:var(--surface-2);padding:8px}.item.grid .info{padding:10px 12px 0}.item.grid .figures{padding:6px 12px 12px}.item.list{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:12px;padding:8px 12px}.item.list .thumb{width:56px;height:78px}.item.list .figures{text-align:right}.change{font-size:.8rem;white-space:nowrap}.change.up{color:var(--price-up)}.change.down{color:var(--price-down)}.change.flat{color:var(--text-muted)}.more{display:flex;justify-content:center;padding:24px 0 48px}.more button{background:var(--accent);color:var(--on-accent);border-color:var(--accent);font-weight:600;padding:10px 24px}.more button:hover{background:var(--accent-hover)}@media (max-width: 600px){.top{padding:10px 12px}main{padding:12px}.results.grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.views{margin-left:0}}a.item{display:block;color:inherit;text-decoration:none}a.item.list{display:grid}a.item:hover{border-color:var(--accent)}main[hidden]{display:none}.product h1{margin:0 0 4px;font-size:1.6rem}.product h2{margin:0 0 8px;font-size:1.05rem}.product a{color:var(--accent)}.product-top{display:grid;grid-template-columns:minmax(180px,300px) 1fr;gap:24px;margin-top:16px}.product-image{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:12px;align-self:start}.product-image img,.product-image .noimg{display:block;width:100%;aspect-ratio:5 / 7;object-fit:contain}.product-info .meta{margin:2px 0;color:var(--text-muted)}.variants{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.variant{flex:1 1 220px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px}.variant .meta{margin:4px 0 8px;color:var(--text-muted);font-size:.85rem}.price.big{font-size:1.6rem}.changes{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0}.changes dt{color:var(--text-muted);font-size:.85rem}.changes dd{margin:0}.history{margin-top:28px}.chart{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px}.chart-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:8px}.legend{list-style:none;display:flex;gap:16px;margin:0;padding:0}.swatch{display:inline-block;width:18px;height:4px;border-radius:2px;vertical-align:middle}.range{display:flex;gap:4px}.range button{padding:4px 12px}.chart svg{width:100%;height:auto;display:block;touch-action:pan-y}.chart .grid{stroke:var(--border);stroke-width:1}.chart .axis{fill:var(--text-muted);font-size:11px}.chart .cursor{stroke:var(--text-muted);stroke-width:1;stroke-dasharray:3 3}.chart .tip{fill:var(--surface-2);stroke:var(--border)}.chart .tip-date{fill:var(--text-muted);font-size:11px}.chart .tip-line{fill:var(--text);font-size:12px}@media (max-width: 600px){.product-top{grid-template-columns:1fr}.product-image{max-width:260px}}.brand{text-decoration:none}.nav{display:flex;gap:4px}.nav a{color:var(--text-muted);text-decoration:none;padding:6px 10px;border-radius:8px}.nav a:hover{background:var(--surface-2)}.nav a[aria-current=page]{color:var(--accent);background:var(--accent-subtle)}.who{color:var(--text-muted);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.banner{margin:0;padding:10px 16px;background:var(--surface-2);border-bottom:1px solid var(--border);color:var(--price-down)}button.link{background:none;border:none;color:var(--accent);text-decoration:underline;padding:0 4px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;z-index:20;padding:16px}.dialog{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px;width:min(420px,100%)}.dialog h2{margin:0 0 8px}.signin-buttons{display:flex;flex-direction:column;gap:8px;margin:16px 0 8px}.signin-buttons button{background:var(--accent);color:var(--on-accent);border-color:var(--accent);font-weight:600;padding:10px}.item .item-link{display:block;color:inherit;text-decoration:none}.item.list .item-link{display:contents}.item:hover{border-color:var(--accent)}button.add{margin-top:8px;width:100%;font-size:.85rem;padding:6px 8px}.item.list button.add{width:auto}.product button.add{width:auto;margin:4px 0 10px}.summary{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.summary>div{flex:1 1 140px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column}.summary strong{font-size:1.3rem}.summary .up{color:var(--price-up)}.summary .down{color:var(--price-down)}.holdings{display:flex;flex-direction:column;gap:8px}.holding{display:grid;grid-template-columns:56px 1fr auto auto auto auto;gap:12px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:8px 12px}.holding .thumb-button{padding:0;border:none;background:none;width:56px;height:78px}.holding .thumb-button img,.holding .noimg{width:100%;height:100%;object-fit:contain;display:block;background:var(--surface-2)}.holding h3{margin:0;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.holding .meta{margin:2px 0 0;color:var(--text-muted);font-size:.8rem}.holding .info{min-width:0}.qty{display:flex;align-items:center;gap:6px}.qty button{padding:2px 10px}.cost{display:flex;flex-direction:column;width:110px}.cost input{width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:4px 8px}.holding .figures{text-align:right}.holding .remove{font-size:.8rem;padding:4px 10px}@media (max-width: 700px){.holding{grid-template-columns:56px 1fr auto}.holding .qty,.holding .cost,.holding .remove{grid-column:2 / -1}}.dialog.wide{width:min(760px,100%);max-height:90vh;overflow:auto}.dialog h3{margin:16px 0 4px}.dialog-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}button.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent);font-weight:600}.import-button{margin-left:auto}.review{list-style:none;margin:8px 0;padding:0;display:flex;flex-direction:column;gap:6px}.review li{display:flex;gap:12px;justify-content:space-between;align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:8px 10px}.review .meta{margin:2px 0 0;color:var(--text-muted);font-size:.8rem}.review select{max-width:55%}.modes{border:1px solid var(--border);border-radius:8px;margin:16px 0 8px;padding:8px 12px;display:flex;flex-direction:column;gap:4px}.file-currency{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}.sortmenu{position:relative}.sortmenu-button{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:8px 16px}.sortmenu-current,.sortmenu-icon,.sortmenu-caret{color:var(--text-muted)}.sortmenu-popover{position:absolute;z-index:15;top:calc(100% + 8px);left:0;width:330px;max-width:calc(100vw - 24px);background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:10px;box-shadow:0 12px 32px #00000059}.sortmenu-title{color:var(--text-muted);font-size:.85rem;padding:4px 10px 8px}.sortmenu-popover ul{list-style:none;margin:0;padding:0;max-height:70vh;overflow:auto}.sortmenu-popover li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;cursor:pointer}.sortmenu-popover li.active{background:var(--surface-2)}.sortmenu-popover li.selected{background:var(--accent-subtle)}.sortmenu-popover .detail{color:var(--text-muted)}.sortmenu-popover .tick{color:var(--accent);font-weight:700}@media (max-width: 600px){.sortmenu-popover{left:auto;right:0}}.holdings.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.holding.grid{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:10px}.holding.grid .thumb-button{width:100%;height:auto;aspect-ratio:5 / 7;background:var(--surface-2);border-radius:8px;padding:6px}.holding.grid .thumb-button img,.holding.grid .thumb-button .noimg{object-fit:contain}.holding.grid .figures{text-align:left}.holding.grid .qty{justify-content:space-between}.holding.grid .cost{width:100%}.holding.grid .remove{align-self:flex-start}.layout{max-width:1500px;margin:0 auto;padding:16px;display:grid;grid-template-columns:250px minmax(0,1fr);gap:16px;align-items:start}.layout[hidden]{display:none}.layout>.filters-toggle{display:none}.sidebar{display:flex;flex-direction:column;gap:14px;min-width:0}.content{min-width:0}.side-search{width:100%}.side-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px}.side-card h3{margin:0 0 10px;font-size:13px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.side-card select,.side-card input[type=text],.side-card input[type=search]{width:100%}.side-card select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:28px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%239aa0ac' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.cat-row{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:14px;cursor:pointer}.cat-row input{margin:0;cursor:pointer;flex:none;accent-color:var(--accent)}.cat-row .count{margin-left:auto;color:var(--text-muted);font-size:12px}.cat-actions{display:flex;align-items:center;gap:8px;margin-bottom:8px}.cat-actions button{background:transparent;color:var(--text-muted);border:1px solid var(--border);border-radius:6px;padding:4px 8px;font-size:12px}.cat-actions button:hover:not(:disabled){color:var(--text);border-color:var(--accent)}.cat-actions .meta{margin:0;font-size:12px;color:var(--text-muted)}.side-card-search{width:100%;margin-bottom:8px}.side-card-list{max-height:280px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.side-card .meta{margin:0;color:var(--text-muted);font-size:.85rem}.side-card .stack{display:flex;flex-direction:column;gap:8px}.toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px}.toolbar .note{margin:8px 0;flex:1 1 260px}.toolbar-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.toolbar-controls .views{margin-left:0}@media (max-width: 800px){.layout{grid-template-columns:1fr;padding:12px}.layout>.filters-toggle{display:block;width:100%}.sidebar{display:none}.sidebar.open{display:flex}}main.narrow{max-width:760px;margin:0 auto;padding:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;margin:0 0 16px}.card h2{margin:0 0 12px;font-size:1.05rem}.field{display:flex;flex-direction:column;gap:4px;margin:0 0 14px}.field>span:first-child{font-weight:600}.field input[type=text],.field select{max-width:360px}.field .inline{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.field .prefix{color:var(--text-muted)}.card .meta{color:var(--text-muted);font-size:.85rem;margin:0}.choice{display:flex;gap:10px;align-items:flex-start;padding:8px 0;cursor:pointer}.choice.disabled{opacity:.55;cursor:not-allowed}.choice input{margin-top:4px;accent-color:var(--accent)}.share-table{width:100%;border-collapse:collapse;margin-top:8px}.share-table th{text-align:left;color:var(--text-muted);font-size:.8rem;font-weight:600;padding:4px 8px}.share-table td{padding:8px;border-top:1px solid var(--border)}.banner-note{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:10px 14px;color:var(--text-muted)}.who{text-decoration:none;color:var(--text-muted)}.who:hover,.who[aria-current=page]{color:var(--accent)}.members{list-style:none;margin:12px 0;padding:0;display:flex;flex-direction:column;gap:8px}.members a{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:12px;color:inherit;text-decoration:none}.members a:hover{border-color:var(--accent)}.members .meta{color:var(--text-muted);font-size:.85rem;margin-left:auto}.members .who-block{display:flex;flex-direction:column}.members .who-block .meta{margin-left:0}.avatar{width:40px;height:40px;border-radius:50%;background:var(--accent-subtle);color:var(--accent);display:grid;place-items:center;font-weight:700;overflow:hidden;flex:none}.avatar img{width:100%;height:100%;object-fit:cover}main>.filters{margin:12px 0}.invite-add{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.invite-add input{flex:1 1 200px}.row-actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.row-actions button{font-size:.8rem;padding:4px 10px}.badge{display:inline-block;margin-left:6px;min-width:18px;padding:0 6px;border-radius:9px;background:var(--accent);color:var(--on-accent);font-size:.75rem;line-height:18px;text-align:center;font-weight:700}.tabs{display:flex;gap:4px;margin:8px 0;border-bottom:1px solid var(--border)}.tabs a{padding:8px 14px;color:var(--text-muted);text-decoration:none;border-bottom:2px solid transparent}.tabs a[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}.chip{display:inline-block;margin:2px 0;padding:1px 8px;border-radius:10px;font-size:.78rem;background:var(--surface-2);color:var(--text-muted)}.chip.good{color:var(--price-up)}.chip.high{color:var(--price-down)}.meta.wrap{white-space:normal}.status{font-size:.8rem;font-weight:600}.status.active{color:var(--price-up)}.status.sold,.status.withdrawn{color:var(--text-muted)}.holding.mine{grid-template-columns:56px 1fr auto auto}.holding.mine.sold,.holding.mine.withdrawn{opacity:.65}.row-actions.stack{display:flex;flex-direction:column;gap:4px;align-items:stretch}textarea{font:inherit;color:inherit;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:8px;width:100%;box-sizing:border-box;resize:vertical}.choice{display:flex;gap:8px;align-items:center;margin:8px 0}.messages{display:grid;grid-template-columns:320px 1fr;gap:16px;max-width:1100px;margin:0 auto;padding:16px}.inbox h1{margin-top:0}.inbox ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.inbox a{display:flex;justify-content:space-between;gap:8px;padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:12px;color:inherit;text-decoration:none}.inbox a[aria-current=page],.inbox a:hover{border-color:var(--accent)}.inbox a.unread strong:after{content:"";display:inline-block;width:8px;height:8px;margin-left:6px;border-radius:50%;background:var(--accent)}.inbox .who-block{display:flex;flex-direction:column;min-width:0}.inbox .meta{color:var(--text-muted);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px;min-height:60vh}.thread-head h2{margin:0}.thread-head .back{display:none}.bubbles{flex:1;overflow-y:auto;max-height:55vh;display:flex;flex-direction:column;gap:8px;padding:12px 0}.bubble{max-width:75%;padding:8px 12px;border-radius:14px;background:var(--surface-2)}.bubble p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.bubble .meta{font-size:.72rem;color:var(--text-muted)}.bubble.mine{align-self:flex-end;background:var(--accent-subtle)}.composer{display:flex;gap:8px;align-items:flex-end}.report-box{border:1px solid var(--border);border-radius:10px;padding:10px;margin:8px 0}@media (max-width: 720px){.messages{grid-template-columns:1fr}.inbox.has-thread,.thread.empty{display:none}.thread-head .back{display:inline}}
