@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#292c44;background:#f7f6fb;font-synthesis:none}html{scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f7f6fb}button,input,textarea,select{font:inherit}button{cursor:pointer}a{text-decoration:none}.app{min-height:100vh;padding-bottom:calc(90px + env(safe-area-inset-bottom))}header{position:sticky;z-index:15;top:0;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(227,225,233,.82);background:#fffffff0;box-shadow:0 4px 18px #292c4409;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.brand{font-size:27px;line-height:1;font-weight:800;letter-spacing:-1.5px}.brand span{color:#b8a8ff}header p{margin:6px 0 0;color:#85869a;font-size:11px;font-weight:600}.header-actions{display:flex;align-items:center;gap:8px}.avatar{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:#d2c8ff;background:#292c44;font-weight:700;overflow:hidden}.monitoring-status{display:flex;align-items:center;margin-top:7px;color:#66687b;font-size:10px;font-weight:700}.monitoring-status i{width:7px;height:7px;margin-right:6px;border-radius:50%;background:#58a778;box-shadow:0 0 0 4px #e7f6ec}.avatar img{width:100%;height:100%;object-fit:cover}.hero{padding:10px 20px 18px;background:#fff;border-bottom:1px solid #e7e5ed}.hero h1{margin:0;font-size:28px;line-height:1.05;letter-spacing:-1.6px}.eyebrow{font-size:10px;letter-spacing:1.2px;font-weight:800;color:#8b8b9d}main{padding:16px;max-width:760px;margin:0 auto}.cards{display:grid;gap:12px}.card,.form-card{background:#fff;border:1px solid #dfdee7;border-radius:22px;padding:16px;box-shadow:0 5px 20px #292c4409}.card-top,.actions,.compact,.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-top{align-items:flex-start}.source{display:block;font-size:14px;font-weight:800}.username{color:#8976e8;font-size:11px}.card time{color:#9293a1;font-size:10px;white-space:nowrap}.signal-text{margin:16px 0 12px;font-size:13px;line-height:1.55;white-space:pre-wrap;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.signal-text.expanded{display:block;overflow:visible}.text-toggle{margin:-6px 0 12px;padding:0;border:0;color:#7664d4;background:transparent;font-size:11px;font-weight:800}.text-toggle:hover,.username:hover{color:#5949b2}.match-label{display:block;color:#77788a;font-size:10px;font-weight:700}.chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 14px}.chips span{background:#f0edff;color:#6256a1;border-radius:99px;padding:6px 9px;font-size:10px;font-weight:700}.actions{display:grid;grid-template-columns:44px minmax(0,1fr) minmax(0,1fr);gap:8px}.primary,.secondary,.danger{min-height:43px;border-radius:13px;padding:10px 14px;border:0;font-weight:700;text-align:center;text-decoration:none;display:inline-grid;place-items:center;font-size:12px;line-height:1.2}.primary{color:#fff;background:#292c44}.primary:disabled{opacity:.4}.secondary{color:#292c44;border:1px solid #d8d6df;background:#fff}.unavailable-link{color:#9a9aa7;background:#f5f4f7;cursor:default}.danger{color:#a84255;background:#fff0f2}.wide{width:100%;margin-bottom:14px}.form-card{display:grid;gap:14px;margin-bottom:14px}.form-card label{font-size:11px;font-weight:700}.form-card input,.form-card textarea,select,.sheet textarea{display:block;width:100%;margin-top:7px;border:1px solid #d9d7e1;border-radius:13px;padding:13px;color:#292c44;background:#fbfaff;outline:none}.form-card textarea,.sheet textarea{min-height:112px;resize:vertical}.card h2{font-size:16px;margin:7px 0}.card p{color:#606176;line-height:1.5;font-size:13px;white-space:pre-wrap}.section-title{font-size:13px;margin:18px 2px 10px}.development-note{display:grid;gap:3px;margin-bottom:14px;padding:14px;border:1px solid #d8d1fa;border-radius:16px;color:#4e476f;background:#f0edff;font-size:11px}.development-note b{font-size:13px}.technical-id{color:#9293a1;font-size:10px}.bot-number{color:#77788a;font-size:11px;font-weight:700;white-space:nowrap}.account-status{padding:6px 8px;border-radius:99px;color:#696a79;background:#f1f0f4;font-size:9px;font-weight:800}.account-status.connected{color:#39715c;background:#e7f7ef}.target-buttons{display:grid;gap:8px}.notice{position:fixed;z-index:60;top:max(12px,env(safe-area-inset-top));left:50%;width:min(420px,calc(100vw - 24px));min-height:48px;padding:11px 10px 11px 15px;border-radius:14px;color:#fff;background:#292c44;font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;box-shadow:0 14px 35px #292c443d;animation:toast-life 2.2s ease both}.demo-badge{margin-bottom:12px;padding:9px 12px;border:1px dashed #aa9bf3;border-radius:12px;color:#6256a1;background:#f0edff;font-size:10px;font-weight:700;text-align:center}.swipe-row{position:relative;overflow:hidden;border-radius:22px;background:transparent}.swipe-row.revealed{background:#c83f55}.signal-card{position:relative;z-index:1;height:100%;transition:transform .18s ease;animation:card-reveal .22s ease both}.signal-card.favorite{border-color:#b9dfc8;background:#f2faf5}.swipe-row.revealed .signal-card{transform:translate(-92px)}.swipe-delete{position:absolute;z-index:0;top:0;right:0;bottom:0;width:92px;border:0;color:#fff;background:#c83f55;font-size:11px;font-weight:800;opacity:0;pointer-events:none;transition:opacity .12s ease}.swipe-row.revealed .swipe-delete{opacity:1;pointer-events:auto}.favorite-button{width:44px;min-height:44px;border:1px solid #d8d6df;border-radius:13px;color:#aaa8b5;background:#fff;font-size:18px}.favorite-button.active{border-color:#acd7bd;color:#3d8a61;background:#e4f5ea}.favorite-button:disabled{cursor:wait;opacity:.55}.operations-menu{position:relative}.settings-button{width:42px;height:42px;display:grid;place-items:center;padding:0;border:1px solid #e0dee7;border-radius:14px;color:#292c44;background:#f7f5ff;font-size:23px}.settings-button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.operations-popover{position:absolute;top:50px;right:0;width:min(350px,calc(100vw - 24px));padding:14px;border:1px solid #dedce7;border-radius:22px;background:#fff;box-shadow:0 16px 45px #292c442e}.operations-title{padding:5px 9px 13px;color:#77788a;font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}.operations-popover>button:not(.menu-close){width:100%;min-height:52px;display:grid;grid-template-columns:32px 1fr auto;align-items:center;padding:0 12px;border:0;border-radius:15px;color:#292c44;background:transparent;font-size:14px;font-weight:700;text-align:left}.operations-popover>button:not(.menu-close)>svg:first-child{width:22px;height:22px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9}.operations-popover>button:not(.menu-close):active{background:#f0edff}.menu-chevron{width:18px!important;height:18px!important;transition:transform .16s ease}.menu-chevron.open{transform:rotate(180deg)}.period-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px 4px 12px 36px}.period-options button{min-height:43px;padding:8px 5px;border:0;border-radius:12px;color:#514879;background:#f0edff;font-size:11px;font-weight:800}.menu-close{width:100%;min-height:42px;margin-top:6px;padding:10px;border:0;border-top:1px solid #eceaf1;color:#8a8b99;background:transparent;font-size:12px;font-weight:700}@media(hover:hover){.operations-popover>button:hover{background:#f4f1ff}}.notice button{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;padding:0 0 2px;color:#fff;border:0;border-radius:9px;background:none;font-size:25px;line-height:1}.notice button:hover{background:#ffffff1f}.confirm-overlay{position:fixed;z-index:70;inset:0;display:grid;place-items:center;padding:20px;background:#1c1d2c6b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.confirm-dialog{width:min(360px,100%);padding:20px;border-radius:22px;background:#fff;box-shadow:0 20px 55px #292c4438;animation:dialog-in .16s ease both}.confirm-dialog h2{margin:0 0 7px;font-size:18px}.confirm-dialog p{margin:0 0 18px;color:#68697b;font-size:12px;line-height:1.5}.confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.danger-solid{min-height:43px;padding:10px 14px;border:0;border-radius:13px;color:#fff;background:#c83f55;font-size:12px;font-weight:800}@keyframes toast-life{0%{opacity:0;transform:translate(-50%,-14px)}12%,78%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-8px)}}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}nav{position:fixed;z-index:8;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:2px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));border-top:1px solid #e3e1e9;background:#fffffff0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}nav button{min-width:70px;max-width:120px;flex:1;border:0;background:transparent;color:#9696a4;border-radius:14px;padding:7px 3px}nav button.active{color:#292c44;background:#f0edff}nav i,nav span{display:block;font-style:normal}nav i{font-size:18px}nav span{font-size:9px;margin-top:3px;font-weight:700}.overlay{position:fixed;z-index:20;inset:0;background:#1c1d2c6b;display:flex;align-items:flex-end}.sheet{width:100%;max-height:90vh;overflow:auto;padding:9px 18px calc(20px + env(safe-area-inset-bottom));border-radius:27px 27px 0 0;background:#fff}.handle{width:42px;height:4px;margin:0 auto 18px;border-radius:99px;background:#d8d6df}.sheet h2{margin:4px 0 18px;font-size:19px}.close{width:36px;height:36px;border:0;border-radius:50%;background:#f2f1f5;font-size:21px}.segment{display:flex;padding:4px;margin-bottom:14px;border-radius:14px;background:#f2f0f7}.segment button{flex:1;padding:10px;border:0;border-radius:11px;background:transparent;font-size:11px;font-weight:700}.segment button.active{background:#fff;box-shadow:0 2px 10px #292c4414}.sheet select,.sheet textarea{margin:0 0 14px}.empty{text-align:center;padding:50px 24px;color:#9293a1}.empty div{width:58px;height:58px;display:grid;place-items:center;margin:0 auto;color:#8a76ee;background:#ece8ff;border-radius:20px;font-size:30px}.empty h2{color:#292c44;font-size:17px;margin:14px 0 5px}.empty p{font-size:12px}.feed-loader{margin-top:12px}.skeleton{position:relative;overflow:hidden;border-radius:8px;background:#eae8f0}.skeleton:after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);transform:translate(-100%);animation:skeleton-shimmer 1.35s ease-in-out infinite}.skeleton-brand{width:108px;height:29px}.skeleton-status{width:185px;height:10px;margin-top:9px}.skeleton-header-button{width:42px;height:42px;border-radius:14px}.skeleton-card{display:grid;gap:11px;min-height:244px}.skeleton-card.compact-skeleton{min-height:190px;opacity:.72}.skeleton-row,.skeleton-chips,.skeleton-actions{display:flex;align-items:center;gap:8px}.skeleton-row{justify-content:space-between}.skeleton-source{width:52%;height:16px}.skeleton-time{width:70px;height:10px}.skeleton-link{width:105px;height:10px}.skeleton-lines{display:grid;gap:7px;margin:4px 0}.skeleton-lines .skeleton{width:100%;height:11px}.skeleton-lines .short{width:72%}.skeleton-chips .skeleton{width:74px;height:27px;border-radius:99px}.skeleton-chips .skeleton:nth-child(2){width:104px}.skeleton-actions{margin-top:auto}.skeleton-actions .skeleton{flex:1;height:44px;border-radius:13px}.skeleton-actions .square{flex:0 0 44px}.skeleton-nav{min-height:65px;align-items:center}.skeleton-nav-item{width:46px;height:34px;margin:0 auto;border-radius:11px}.center{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:10px;color:#737487}.loader{width:36px;height:36px;border:3px solid #dfdafb;border-top-color:#292c44;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes skeleton-shimmer{to{transform:translate(100%)}}@keyframes card-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:700px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hero,header{padding-left:max(20px,calc((100vw - 760px)/2));padding-right:max(20px,calc((100vw - 760px)/2))}.sheet{max-width:520px;margin:0 auto;border-radius:27px 27px 0 0}}