@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a2e;-webkit-font-smoothing:antialiased;background:#f2f5fb;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{min-height:100vh}.header{z-index:100;background:#fff;border-bottom:1px solid #e8ecf0;position:sticky;top:0;box-shadow:0 1px 4px #0000000f}.header-inner{align-items:center;max-width:1100px;height:60px;margin:0 auto;padding:0 24px;display:flex}.header-logo{align-items:center;gap:2px;display:flex}.logo-text{letter-spacing:-.5px;font-family:Inter,sans-serif;font-size:22px;font-weight:800}.logo-koin,.logo-x{color:#0052fe}.logo-dot{color:#f7941d;margin-bottom:12px;margin-left:1px;font-size:8px}.logox{width:85px}.important-notes{background:#f0f5ff;border:1px solid #60a5fa;border-radius:10px;transition:box-shadow .2s;overflow:hidden}.important-notes.open{box-shadow:0 2px 12px #0052fe14}.important-notes-header{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:11px 18px;display:flex}.important-notes-title{color:#1a1a2e;align-items:center;gap:8px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;display:flex}.info-icon{color:#2581f2;font-size:10px}.chevron{color:#555;font-size:20px;line-height:1;transition:transform .25s;display:inline-block}.chevron.up{transform:rotate(180deg)}.chevron.down{transform:rotate(0)}.important-notes-body{padding:4px 18px 16px;animation:.2s slideDown}.important-notes-body ul{margin:0;padding-left:20px;list-style:outside}.important-notes-body ul li{color:#444;font-family:Inter,sans-serif;font-size:13px;line-height:1.7}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.card{border-radius:14px;flex:1;min-width:0;padding:24px}.pre-harvesting-card{background:#fff;border:1px solid #e4eaf0;box-shadow:0 2px 12px #0000000d}.after-harvesting-card{background:linear-gradient(135deg,#1a6ee4 0%,#1557c7 100%);box-shadow:0 4px 20px #1a6ee44d}.card-title{color:#1a1a2e;margin:0 0 20px;font-family:Inter,sans-serif;font-size:18px;font-weight:700}.card-title.white{color:#fff}.gains-table{border-collapse:collapse;width:100%;font-family:Inter,sans-serif}.gains-table th{color:#888;text-align:right;padding-bottom:8px;font-size:13px;font-weight:500}.gains-table th:first-child{text-align:left}.gains-table td{color:#2c2c3e;text-align:right;padding:6px 0;font-size:14px}.gains-table td:first-child{text-align:left;color:#555}.gains-table.white th{color:#ffffffa6}.gains-table.white td{color:#ffffffe6}.gains-table.white td:first-child{color:#ffffffbf}.net-row td{border-top:1px solid #eee;padding-top:10px;font-weight:600}.after-harvesting-card .net-row td{border-top:1px solid #fff3}.loss-value{color:#e63946!important}.loss-value-dark{color:#ffc8c8!important}.bold{font-weight:700}.realised-gains-row{border-top:2px solid #eee;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:18px;padding-top:16px;display:flex}.white-border{border-top-color:#ffffff4d!important}.realised-label{color:#333;font-family:Inter,sans-serif;font-size:14px;font-weight:600}.after-harvesting-card .realised-label{color:#ffffffd9;font-weight:700}.realised-value{color:#1a1a2e;font-family:Inter,sans-serif;font-size:22px;font-weight:800}.realised-value.large{color:#fff;font-size:26px}.realised-value.large.negative{color:#ffcdd2}.savings-banner{color:#fff;background:#ffffff2e;border-radius:8px;align-items:center;gap:8px;margin-top:14px;padding:10px 14px;font-family:Inter,sans-serif;font-size:14px;animation:.3s popIn;display:flex}.savings-emoji{font-size:18px}@keyframes popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.card-loader{flex-direction:column;gap:12px;display:flex}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:6px;animation:1.4s infinite shimmer}.skeleton.dark{background:linear-gradient(90deg,#ffffff26 25%,#ffffff40 50%,#ffffff26 75%) 0 0/200% 100%}.skeleton-title{width:50%;height:22px}.skeleton-row{height:16px}.skeleton-total{width:70%;height:30px;margin-top:8px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (width<=768px){.card{padding:18px 16px}.realised-value{font-size:18px}.realised-value.large{font-size:22px}.card-title{font-size:16px}}.holdings-card{background:#fff;border:1px solid #e4eaf0;border-radius:14px;padding:24px;overflow:hidden;box-shadow:0 2px 12px #0000000d}.holdings-title{color:#1a1a2e;margin:0 0 20px;font-family:Inter,sans-serif;font-size:18px;font-weight:700}.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.holdings-table{border-collapse:collapse;width:100%;min-width:700px;font-family:Inter,sans-serif}.holdings-table thead tr{border-bottom:2px solid #f0f3f8}.holdings-table th{color:#888;text-align:right;white-space:nowrap;padding:0 12px 12px;font-size:12px;font-weight:600}.holdings-table th.th-check{text-align:center;width:40px;padding-left:0}.holdings-table th.th-asset{text-align:left;min-width:160px}.holdings-table th.th-holdings{display:table-cell}.th-holdings{flex-direction:column;align-items:flex-end;gap:2px;padding-bottom:10px;display:flex!important}.sub-heading{color:#aaa;font-size:11px;font-weight:400}.holding-row{cursor:pointer;border-bottom:1px solid #f5f7fb;transition:background .15s}.holding-row:hover{background:#f8faff}.holding-row.selected{background:#eef4ff;border-left:3px solid #1a6ee4}.holdings-table td{vertical-align:middle;padding:14px 12px}.td-check{text-align:center;width:40px;padding-left:4px!important}.td-asset{text-align:left}.td-right{text-align:right}.row-checkbox{cursor:pointer;accent-color:#1a6ee4;border-radius:3px;width:16px;height:16px}.asset-info{align-items:center;gap:10px;display:flex}.coin-logo{object-fit:cover;border:1px solid #eee;border-radius:50%;flex-shrink:0;width:34px;height:34px}.coin-placeholder{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:flex}.asset-names{flex-direction:column;gap:2px;display:flex}.asset-coin{color:#1a1a2e;text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:13px;font-weight:600;overflow:hidden}.asset-symbol{color:#888;font-size:11px;font-weight:500}.holding-amount{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.holding-total{color:#1a1a2e;font-size:13px;font-weight:600}.holding-price{color:#888;font-size:11px}.current-price{color:#1a1a2e;font-size:13px;font-weight:600}.gain-cell{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.gain-value{font-size:13px;font-weight:700}.gain-value.positive{color:#16a34a}.gain-value.negative{color:#e63946}.gain-balance{color:#888;font-size:11px}.amount-to-sell{color:#1a6ee4;white-space:nowrap;background:#e8f0fe;border-radius:6px;padding:3px 8px;font-size:13px;font-weight:600;display:inline-block}.no-value{color:#ccc;font-size:14px}.view-all-btn{color:#1a6ee4;cursor:pointer;background:0 0;border:none;border-radius:6px;margin:18px auto 4px;padding:6px 16px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;transition:background .15s;display:block}.view-all-btn:hover{background:#f0f5ff}.holdings-skeleton{flex-direction:column;gap:10px;display:flex}.skeleton-row-full{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:8px;height:56px;animation:1.4s infinite shimmer}@media (width<=768px){.holdings-card{padding:16px}.table-wrapper{margin:0 -16px;padding:0 16px}.holdings-title{margin-bottom:14px;font-size:16px}.th-current-price,.th-amount,.th-ltcg,.holding-row td:nth-child(5),.holding-row td:nth-child(7){display:none}}.app{background:#f2f5fb;min-height:100vh}.main-content{flex-direction:column;gap:20px;max-width:1100px;margin:0 auto;padding:32px 24px 60px;display:flex}.page-header{align-items:center;gap:14px;display:flex}.page-title{color:#1a1a2e;letter-spacing:-.5px;font-size:24px;font-weight:800}.how-it-works{color:#1a6ee4;border-bottom:1px dashed #1a6ee4;padding-bottom:1px;font-size:13px;font-weight:600;text-decoration:none;transition:opacity .15s}.how-it-works:hover{opacity:.75}.how-it-works-wrapper{align-items:center;display:inline-flex;position:relative}.how-it-works-tooltip{z-index:9999;color:#fff;pointer-events:all;background:#1a1a2e;border-radius:8px;width:300px;padding:12px 16px;animation:.15s tooltipFadeIn;position:absolute;top:calc(100% + 10px);left:0;box-shadow:0 8px 24px #00000038}.how-it-works-tooltip p{color:#ffffffe0;margin:0 0 10px;font-family:Inter,sans-serif;font-size:13px;line-height:1.6}.how-it-works-tooltip-link{color:#60a5fa;font-family:Inter,sans-serif;font-size:13px;font-weight:600;text-decoration:underline}.how-it-works-tooltip:before{content:"";border-bottom:6px solid #1a1a2e;border-left:6px solid #0000;border-right:6px solid #0000;position:absolute;top:-6px;left:14px}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.cards-row{align-items:stretch;gap:20px;display:flex}.error-banner{color:#b91c1c;background:#fff5f5;border:1px solid #fecaca;border-radius:10px;padding:14px 18px;font-size:14px;font-weight:500}@media (width<=768px){.main-content{gap:16px;padding:20px 16px 48px}.page-title{font-size:20px}.cards-row{flex-direction:column;gap:14px}}