:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;--background:#090b0c;--surface:#101315;--surface-hover:#15191b;--surface-strong:#1a1f21;--border:#22282b;--border-strong:#323a3d;--text:#edf1ef;--text-muted:#8e9994;--text-faint:#5c6762;--accent:#68e6b2;--accent-hover:#80f1c2;--accent-muted:#68e6b21c;--danger:#ff7474;--danger-muted:#ff747417;--content-width:1180px;background:var(--background);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--background);min-width:320px;min-height:100%}body{background:radial-gradient(circle at 50% -220px, #68e6b20e, transparent 440px), var(--background);min-width:320px;min-height:100vh;color:var(--text);margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}::selection{color:#06100b;background:var(--accent)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{min-height:100vh}.app-header{z-index:50;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090b0ce6;grid-template-columns:1fr auto 1fr;align-items:center;min-height:64px;padding:0 28px;display:grid;position:sticky;top:0}.brand{letter-spacing:-.02em;justify-self:start;align-items:center;gap:10px;font-size:14px;font-weight:800;display:inline-flex}.brand__mark{width:32px;height:32px;color:var(--accent);background:var(--accent-muted);border:1px solid #68e6b261;border-radius:8px;place-items:center;font-size:14px;font-weight:900;display:grid}.main-navigation{border:1px solid var(--border);background:var(--surface);border-radius:9px;gap:3px;padding:3px;display:inline-flex}.navigation-link{color:var(--text-muted);border-radius:6px;padding:8px 13px;font-size:12px;font-weight:650}.navigation-link:hover{color:var(--text)}.navigation-link--active{color:var(--text);background:var(--surface-strong)}.header-actions{justify-self:end;align-items:center;gap:12px;display:flex}.api-status{border-radius:50%;width:7px;height:7px}.api-status--online{background:var(--accent);box-shadow:0 0 0 3px #68e6b214}.api-status--offline{background:var(--danger);box-shadow:0 0 0 3px #ff747414}.user-menu{align-items:center;gap:10px;display:flex}.user-menu__name{max-width:150px;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.text-button{color:var(--text-faint);cursor:pointer;background:0 0;border:0;padding:0;font-size:11px}.text-button:hover{color:var(--text)}.app-content{width:min(100%, var(--content-width));margin:0 auto;padding:52px 28px 70px}.page{min-width:0}.page-header{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:30px;display:flex}.page-label{color:var(--accent);letter-spacing:.16em;font-family:SFMono-Regular,Consolas,monospace;font-size:9px;font-weight:800}.page-header h1{letter-spacing:-.045em;margin:8px 0;font-size:clamp(30px,5vw,45px);line-height:1}.page-header p{max-width:570px;color:var(--text-muted);margin:0;font-size:13px;line-height:1.6}.search{border:1px solid var(--border);background:var(--surface);border-radius:9px;align-items:center;width:min(100%,310px);min-height:42px;transition:border-color .13s,background .13s;display:flex}.search:focus-within{background:var(--surface-hover);border-color:#68e6b275}.search__icon{color:var(--text-faint);margin-left:13px;font-size:18px}.search input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;padding:0 13px;font-size:12px}.search input::placeholder{color:var(--text-faint)}.category-filters{flex-wrap:wrap;gap:7px;margin:-5px 0 16px;display:flex}.notification-center{position:relative}.notification-button{border:1px solid var(--border);width:34px;height:34px;color:var(--text-muted);background:var(--surface);cursor:pointer;border-radius:8px;place-items:center;font-size:12px;display:grid;position:relative}.notification-button:hover,.notification-button--active{color:var(--accent);background:var(--accent-muted);border-color:#68e6b261}.notification-badge{border:2px solid var(--background);color:#06110b;background:var(--accent);border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:8px;font-weight:900;display:grid;position:absolute;top:-6px;right:-6px}.brand__word{letter-spacing:-.055em;color:#f2fff9;font-family:Trebuchet MS,Segoe UI,sans-serif;font-size:16px;font-weight:900}.notification-panel{z-index:80;border:1px solid var(--border-strong);background:#101315;border-radius:12px;width:min(390px,100vw - 24px);position:absolute;top:43px;right:0;overflow:hidden;box-shadow:0 24px 80px #0000008c}.notification-panel__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:15px;padding:15px;display:flex}.notification-panel__header>div:first-child{flex-direction:column;gap:3px;display:flex}.notification-panel__header span{color:var(--text-faint);letter-spacing:.08em;font-size:8px;font-weight:800}.notification-panel__header strong{font-size:14px}.notification-panel__tools{gap:6px;display:flex}.notification-panel__tools button{border:1px solid var(--border);color:var(--text-muted);background:var(--surface);cursor:pointer;border-radius:6px;padding:5px 7px;font-size:8px}.notification-list{max-height:min(480px,100vh - 150px);overflow-y:auto}.notification-empty{min-height:170px;color:var(--text-faint);place-items:center;font-size:11px;display:grid}.notification-entry,.notification-toast{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:11px;display:grid}.notification-entry{border-bottom:1px solid var(--border);padding:12px 14px;position:relative}.notification-entry:hover{background:var(--surface-hover)}.notification-entry--unread:before{background:var(--accent);content:"";border-radius:50%;width:4px;height:4px;position:absolute;top:17px;left:5px}.notification-thumb{border:1px solid var(--border);width:42px;height:42px;color:var(--accent);background:var(--surface-strong);border-radius:8px;place-items:center;font-size:13px;font-weight:850;display:grid;overflow:hidden}.notification-thumb img{object-fit:contain;width:100%;height:100%}.notification-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.notification-copy>span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.notification-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.notification-copy b{color:var(--accent);font-family:SFMono-Regular,Consolas,monospace;font-size:11px}.notification-copy small{color:var(--text-faint);font-size:8px}.notification-toasts{z-index:120;pointer-events:none;flex-direction:column;gap:8px;width:min(360px,100vw - 24px);display:flex;position:fixed;top:78px;right:20px}.notification-toast{pointer-events:auto;background:#101315f7;border:1px solid #68e6b24d;border-radius:11px;padding:13px;animation:.18s ease-out notification-in;box-shadow:0 18px 55px #00000080}@keyframes notification-in{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}.category-filter{border:1px solid var(--border);min-height:32px;color:var(--text-muted);background:var(--surface);cursor:pointer;border-radius:7px;padding:0 12px;font-size:10px;font-weight:750}.category-filter:hover,.category-filter--active{color:var(--accent);background:var(--accent-muted);border-color:#68e6b273}.items-grid{grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:9px;display:grid}.item-card{border:1px solid var(--border);background:var(--surface);border-radius:10px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:13px;min-height:78px;padding:14px;transition:border-color .13s,background .13s,transform .13s;display:grid;position:relative;overflow:hidden}.item-card:hover,.item-card:focus-within{border-color:var(--border-strong);background:var(--surface-hover);transform:translateY(-1px)}.item-icon{border:1px solid var(--border);background:var(--surface-strong);border-radius:9px;flex:none;place-items:center;width:56px;height:56px;display:grid;overflow:hidden}.item-icon img{object-fit:contain;width:100%;height:100%}.item-icon--fallback{color:var(--accent);background:var(--accent-muted);font-size:16px;font-weight:850}.item-card__content{flex-direction:column;gap:3px;min-width:0;display:flex}.item-card__category{color:var(--text-faint);letter-spacing:.07em;text-transform:uppercase;font-size:10px;font-weight:750}.item-card__content strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.item-card__content small{color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;font-family:SFMono-Regular,Consolas,monospace;font-size:10px;overflow:hidden}.item-card__action{color:#07110c;background:var(--accent);cursor:pointer;opacity:0;border:0;border-left:1px solid #68e6b233;justify-content:center;align-items:center;width:116px;font-size:11px;font-weight:800;transition:opacity .13s,transform .13s,background .13s;display:flex;position:absolute;inset:0 0 0 auto;transform:translate(10px)}.item-card:hover .item-card__action,.item-card:focus-within .item-card__action{opacity:1;transform:translate(0)}.item-card__action:hover{background:var(--accent-hover)}.item-card__action--tracked{color:var(--accent);background:var(--surface-strong)}.item-card__action--tracked:hover{background:var(--surface-hover)}.button{cursor:pointer;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;min-height:38px;padding:0 15px;font-size:11px;font-weight:750;transition:border-color .13s,background .13s,opacity .13s;display:inline-flex}.button:disabled{cursor:not-allowed;opacity:.5}.button--primary{color:#06110b;background:var(--accent)}.button--primary:hover{background:var(--accent-hover)}.button--secondary{border-color:var(--border);color:var(--text);background:var(--surface)}.button--secondary:hover{border-color:var(--border-strong);background:var(--surface-hover)}.button--danger{color:var(--danger);background:var(--danger-muted);border-color:#ff747438}.button--danger:hover{border-color:#ff747466}.button--wide{width:100%}.button--small{min-height:34px;padding-inline:12px}.page-state,.empty-tracking,.auth-required{border:1px solid var(--border);background:var(--surface);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:360px;padding:30px;display:flex}.page-state strong,.empty-tracking h2,.auth-required h1{margin:15px 0 0;font-size:16px}.page-state p,.empty-tracking p,.auth-required p{max-width:390px;color:var(--text-muted);margin:8px 0 20px;font-size:12px;line-height:1.55}.auth-required{background:0 0;border:0;min-height:65vh}.auth-required h1{font-size:28px}.telegram-icon,.empty-tracking__icon{width:50px;height:50px;color:var(--accent);background:var(--accent-muted);border:1px solid #68e6b240;border-radius:13px;place-items:center;font-size:12px;font-weight:900;display:grid}.tracking-list{flex-direction:column;gap:8px;display:flex}.tracking-card{border:1px solid var(--border);background:var(--surface);border-radius:10px;grid-template-columns:auto minmax(160px,1fr) minmax(150px,auto) minmax(150px,auto) auto;align-items:center;gap:16px;padding:14px;display:grid}.tracking-card__identity{flex-direction:column;gap:4px;min-width:0;display:flex}.tracking-card__identity span,.tracking-card__price span{color:var(--text-faint);text-transform:uppercase;font-size:8px}.tracking-card__identity strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.tracking-card__price{flex-direction:column;gap:5px;display:flex}.tracking-card__price strong{font-family:SFMono-Regular,Consolas,monospace;font-size:13px}.tracking-card__actions{gap:7px;display:flex}.page-error{color:var(--danger);background:var(--danger-muted);border:1px solid #ff747433;border-radius:8px;padding:12px 14px;font-size:11px}.dialog-backdrop{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#000000b8;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.dialog{border:1px solid var(--border-strong);background:#101315;border-radius:14px;width:min(100%,680px);max-height:calc(100vh - 36px);padding:26px;position:relative;overflow-y:auto;box-shadow:0 30px 100px #00000080}.dialog__close{border:1px solid var(--border);width:30px;height:30px;color:var(--text-muted);background:var(--surface);cursor:pointer;border-radius:7px;place-items:center;font-size:17px;display:grid;position:absolute;top:13px;right:13px}.dialog h2{letter-spacing:-.03em;margin:17px 0 8px;font-size:21px}.dialog__description{color:var(--text-muted);margin:0 0 22px;font-size:12px;line-height:1.6}.dialog-state{min-height:48px;color:var(--text-muted);justify-content:center;align-items:center;gap:10px;margin-top:12px;font-size:11px;display:flex}.dialog-item{align-items:center;gap:13px;padding-right:35px;display:flex}.dialog-item>div{min-width:0}.dialog-item span{color:var(--text-faint);text-transform:uppercase;font-size:8px}.dialog-item h2{text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:18px;overflow:hidden}.track-form{flex-direction:column;gap:15px;margin-top:23px;display:flex}.field{flex-direction:column;gap:7px;display:flex}.field__label{color:var(--text-muted);font-size:10px;font-weight:700}.price-input{border:1px solid var(--border);background:var(--surface);border-radius:8px;align-items:center;min-height:44px;transition:border-color .13s;display:flex}.price-input:focus-within{border-color:#68e6b27a}.price-input input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;padding:0 13px;font-family:SFMono-Regular,Consolas,monospace;font-size:14px}.price-input span{color:var(--text-faint);padding-right:13px;font-size:11px}.field-hint{color:var(--text-faint);margin:-3px 0 0;font-size:10px;line-height:1.55}.form-error{color:var(--danger);margin:0;font-size:11px;line-height:1.45}.dialog__actions{justify-content:flex-end;gap:8px;margin-top:3px;display:flex}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin}.application-loading{min-height:100vh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:13px;font-size:11px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=820px){.app-header{grid-template-columns:auto 1fr;min-height:58px;padding:0 17px}.main-navigation{z-index:60;justify-content:stretch;position:fixed;bottom:12px;left:12px;right:12px;box-shadow:0 20px 60px #0000007a}.navigation-link{text-align:center;flex:1}.header-actions{justify-self:end}.app-content{padding:38px 17px 100px}.page-header{flex-direction:column;align-items:stretch;gap:20px}.search{width:100%}.tracking-card{grid-template-columns:auto minmax(0,1fr);gap:13px}.tracking-card__price,.tracking-card__actions{grid-column:2}.tracking-card__actions{flex-wrap:wrap}}@media (width<=560px){.notification-panel{width:auto;position:fixed;top:58px;left:8px;right:8px}.notification-toasts{width:calc(100vw - 16px);top:68px;right:8px}.notification-panel__header{flex-direction:column}.brand{font-size:13px}.api-status,.user-menu__name{display:none}.header-actions .button--primary{min-height:34px;padding-inline:10px;font-size:9px}.items-grid{grid-template-columns:1fr}.item-card__action{opacity:1;border:0;border-radius:7px;grid-column:1/-1;width:100%;min-height:34px;position:static;transform:none}.tracking-card__price,.tracking-card__actions{grid-column:1/-1}.tracking-card__actions .button{flex:1}.dialog{padding:22px}.price-chart__header{flex-direction:column}.price-chart__stats{justify-content:space-between;gap:8px;width:100%}.price-chart__plot{height:145px}.dialog__actions{flex-direction:column-reverse}.dialog__actions .button{width:100%}}.price-chart{border:1px solid var(--border);background:#ffffff05;border-radius:10px;margin-top:20px;padding:15px}.price-chart__header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.price-chart__header>div:first-child{flex-direction:column;gap:4px;display:flex}.price-chart__header span,.price-chart__stats dt{color:var(--text-faint);letter-spacing:.06em;font-size:8px;font-weight:750}.price-chart__header strong{font-size:12px}.price-chart__stats{gap:18px;margin:0;display:flex}.price-chart__stats div{flex-direction:column;gap:3px;display:flex}.price-chart__stats dd{color:var(--accent);margin:0;font-family:SFMono-Regular,Consolas,monospace;font-size:10px;font-weight:750}.price-chart__state{min-height:150px;color:var(--text-faint);justify-content:center;align-items:center;gap:10px;font-size:10px;display:flex}.price-chart__state--error{color:var(--danger)}.price-chart__plot{width:100%;height:220px;margin-top:10px;display:block;overflow:visible}.price-chart__grid{stroke:#ffffff0e;stroke-width:1px}.price-chart__wick{stroke-width:1.5px;vector-effect:non-scaling-stroke}.price-chart__wick--up{stroke:var(--accent)}.price-chart__wick--down{stroke:var(--danger)}.price-chart__candle--up{fill:var(--accent)}.price-chart__candle--down{fill:var(--danger)}.price-chart__candle{transition:filter .12s,opacity .12s}.price-chart__plot g:hover .price-chart__candle{filter:brightness(1.2)}.price-chart__volume{opacity:.24}.price-chart__volume--up{fill:var(--accent)}.price-chart__volume--down{fill:var(--danger)}.price-chart__axis-label,.price-chart__date-label{fill:var(--text-muted);font-family:SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:750}.price-chart__date-label{font-size:10px}.price-chart__legend{color:var(--text-muted);justify-content:flex-end;align-items:center;gap:15px;margin-top:4px;font-size:11px;font-weight:750;display:flex}.price-chart__legend span{align-items:center;gap:6px;display:inline-flex}.price-chart__legend i{border-radius:2px;width:9px;height:9px}.price-chart__legend-up{background:var(--accent)}.price-chart__legend-down{background:var(--danger)}.price-chart__legend-volume{border:1px solid var(--text-faint);opacity:.55}.tracking-card__market-price strong{color:var(--accent)}.item-card__meta{flex-wrap:wrap;align-items:baseline;gap:5px 10px;min-width:0;display:flex}.item-card__price{color:var(--accent);font-family:SFMono-Regular,Consolas,monospace;font-size:10px;font-weight:750}.demo-login{margin-top:10px}
