:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f5f1e8;font-synthesis:none;--ink:#f5f1e8;--muted:#8e9bad;--panel:#101c2b;--panel-2:#142235;--line:#a8bbd324;--orange:#ff8c42;--gold:#ffc266;--teal:#49d6ba;--red:#ff6b6b;background:#07101b;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#07101b}body{background:radial-gradient(circle at 90% -10%,#255e8245,#0000 36%),linear-gradient(#091523 0%,#07101b 60%);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}.app-shell{width:min(100%,780px);min-height:100vh;padding-bottom:calc(92px + env(safe-area-inset-bottom));margin:0 auto;position:relative}.topbar{z-index:20;height:calc(70px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 20px 0;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#07101bc2;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.brand-lockup{align-items:center;gap:11px;display:flex}.brand-mark,.auth-logo{background:linear-gradient(145deg, var(--gold), var(--orange));color:#18202b;place-items:center;font-family:Avenir Next,Inter,ui-sans-serif,sans-serif;font-weight:800;display:grid;box-shadow:0 8px 28px #ff8c423d}.brand-mark{border-radius:13px 13px 13px 4px;width:38px;height:38px}.brand-lockup strong{letter-spacing:-.03em;font:800 17px/1 Avenir Next,Inter,ui-sans-serif,sans-serif;display:block}.brand-lockup span{color:var(--muted);text-transform:uppercase;letter-spacing:.14em;margin-top:4px;font-size:10px;display:block}.icon-button{border:1px solid var(--line);width:42px;height:42px;color:var(--ink);background:#ffffff09;border-radius:14px;font-size:21px;position:relative}.presence{background:var(--teal);border:2px solid #0b1522;border-radius:50%;width:8px;height:8px;position:absolute;bottom:6px;right:6px}.presence.searching,.presence.thinking{background:var(--gold)}.presence.attention{background:var(--red)}.spin{animation:.9s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}main{padding:0 18px}.page{padding:22px 0 32px;animation:.28s ease-out arrive}@keyframes arrive{0%{opacity:0;transform:translateY(6px)}}.eyebrow{color:#a9b6c6;letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:700}h1,h2,strong{font-family:Avenir Next,Inter,ui-sans-serif,sans-serif}h1,h2,p{margin-top:0}.hank-brief{background:radial-gradient(circle at 100% 0,#ff8c422e,#0000 42%),linear-gradient(150deg,#16273b,#0d1928);border:1px solid #ffc2662e;border-radius:28px;padding:24px;position:relative;overflow:hidden;box-shadow:0 24px 60px #0000003d}.hank-brief:after{content:"H";color:#ffffff06;font:800 150px/1 Avenir Next,Inter,ui-sans-serif,sans-serif;position:absolute;top:-42px;right:-10px}.hank-brief .eyebrow{color:var(--gold);align-items:center;gap:7px;display:flex}.status-dot{background:var(--teal);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #49d6ba1a}.hank-brief h1{letter-spacing:-.045em;max-width:520px;margin:15px 0 8px;font-size:clamp(24px,7vw,36px);line-height:1.08}.hank-brief p{color:#aeb9c7;max-width:520px;font-size:14px;line-height:1.55}.brief-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.primary-button,.ghost-button{border:1px solid #0000;border-radius:15px;min-height:46px;padding:0 17px;font-weight:700}.primary-button{background:linear-gradient(135deg,var(--gold),var(--orange));color:#17202c;box-shadow:0 9px 24px #ff8c422e}.ghost-button{color:var(--ink);border-color:var(--line);background:#ffffff0a}.primary-button.compact{min-height:40px}.stat-grid{grid-template-columns:repeat(4,1fr);gap:9px;margin:13px 0 28px;display:grid}.stat-card{border:1px solid var(--line);background:#101c2be6;border-radius:18px;min-width:0;padding:15px 12px}.stat-card strong{letter-spacing:-.04em;font-size:22px;display:block}.stat-card span{color:var(--muted);margin-top:4px;font-size:10px;display:block}.stat-card.accent strong{color:var(--gold)}.section-heading,.page-title{justify-content:space-between;align-items:flex-end;gap:12px;margin:26px 2px 12px;display:flex}.section-heading h2{margin:0;font-size:16px}.section-heading button{color:var(--gold);background:0 0;border:0;font-size:12px}.page-title{align-items:center;margin-top:4px;margin-bottom:20px}.page-title h1{letter-spacing:-.045em;margin:5px 0 0;font-size:30px}.deal-stack,.watch-list{gap:11px;display:grid}.deal-card{border:1px solid var(--line);background:linear-gradient(145deg,#142235f2,#0c1724f2);border-radius:22px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:16px;display:grid}.score-ring{--score:0deg;background:conic-gradient(var(--teal) var(--score),#ffffff14 0);border-radius:50%;place-items:center;width:47px;height:47px;display:grid;position:relative}.score-ring:before{content:"";background:#101c2b;border-radius:50%;position:absolute;inset:4px}.score-ring span{font:700 12px Avenir Next,Inter,ui-sans-serif,sans-serif;position:relative}.deal-main{min-width:0}.deal-main h2{letter-spacing:-.035em;margin:3px 0;font-size:19px}.deal-main h2 span,.watch-head h2 span{color:var(--orange);padding:0 6px}.deal-main p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:11px;overflow:hidden}.deal-tags{flex-wrap:wrap;gap:5px;margin-top:7px;display:flex}.deal-tags span{color:#83e6d1;background:#49d6ba14;border-radius:7px;padding:3px 7px;font-size:9px}.deal-price{text-align:right}.deal-price strong{color:var(--gold);white-space:nowrap;font-size:18px;display:block}.deal-price span{color:var(--muted);font-size:9px}.empty-state{text-align:center;background:#101c2b73;border:1px dashed #a8bbd333;border-radius:24px;padding:32px 22px}.empty-orbit{width:56px;height:56px;color:var(--gold);border:1px solid #ffc2664d;border-radius:50%;place-items:center;margin:0 auto 14px;display:grid}.empty-state h2{margin-bottom:7px;font-size:18px}.empty-state p{max-width:430px;color:var(--muted);margin:0 auto 17px;font-size:13px;line-height:1.55}.timeline-card{border:1px solid var(--line);background:#101c2bb8;border-radius:21px;overflow:hidden}.timeline-row{border-bottom:1px solid #ffffff0b;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:13px 15px;display:grid}.timeline-row:last-child{border-bottom:0}.run-status{background:var(--teal);border-radius:50%;width:8px;height:8px}.run-status.failed,.run-status.needs_configuration{background:var(--red)}.timeline-row strong,.timeline-row span{display:block}.timeline-row strong{font-size:12px}.timeline-row span{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:3px;font-size:10px;line-height:1.35;display:-webkit-box;overflow:hidden}.timeline-row time{color:#6f7d8f;font-size:10px}.muted{color:var(--muted);margin:0;padding:18px;font-size:12px}.watch-card{border:1px solid var(--line);background:linear-gradient(145deg,#132238,#0e1a29);border-radius:23px;padding:20px}.watch-card.paused{opacity:.62}.watch-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.watch-head h2{letter-spacing:-.04em;margin:4px 0 0;font-size:25px}.switch{background:#334154;border:0;border-radius:20px;width:46px;height:27px;padding:3px;transition:all .2s}.switch i{background:#8d99a8;border-radius:50%;width:21px;height:21px;transition:all .2s;display:block}.switch.on{background:#49d6ba38}.switch.on i{background:var(--teal);transform:translate(19px)}.watch-meta{flex-wrap:wrap;gap:6px;margin:14px 0;display:flex}.watch-meta span{color:#aeb9c7;background:#ffffff0a;border-radius:8px;padding:5px 8px;font-size:10px}.watch-budgets{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:8px;padding:13px 0;display:grid}.watch-budgets span,.watch-budgets strong{display:block}.watch-budgets span{color:var(--muted);font-size:9px}.watch-budgets strong{text-overflow:ellipsis;margin-top:4px;font-size:12px;overflow:hidden}.card-actions{gap:18px;padding-top:13px;display:flex}.card-actions button{color:#c5cfdb;background:0 0;border:0;padding:0;font-size:11px}.card-actions .danger-link{color:#dc8585;margin-left:auto}.hank-profile{align-items:center;gap:14px;margin:4px 4px 17px;display:flex}.hank-avatar{background:linear-gradient(145deg,var(--gold),var(--orange));color:#17202c;border-radius:20px 20px 20px 5px;place-items:center;width:58px;height:58px;font:800 25px Avenir Next,Inter,ui-sans-serif,sans-serif;display:grid;box-shadow:0 12px 30px #ff8c4233}.hank-profile h1{margin:2px 0;font-size:26px}.hank-profile p{color:var(--muted);margin:0;font-size:11px}.live-dot{background:var(--teal);border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.hank-page{height:calc(100dvh - 142px - env(safe-area-inset-top) - env(safe-area-inset-bottom));flex-direction:column;min-height:360px;padding-bottom:0;display:flex;overflow:hidden}.hank-profile{flex:none}.chat-window{overscroll-behavior:contain;scrollbar-gutter:stable;flex:auto;min-height:0;padding:6px 2px 78px;overflow-y:auto}.hank-intro{border:1px solid var(--line);background:#101c2bb8;border-radius:24px;padding:24px}.hank-intro strong{font-size:18px}.hank-intro p{color:var(--muted);margin:8px 0 16px;font-size:13px;line-height:1.55}.prompt-chips{flex-wrap:wrap;gap:7px;display:flex}.prompt-chips button{border:1px solid var(--line);color:#ced7e1;background:#ffffff0a;border-radius:10px;padding:8px 11px;font-size:10px}.bubble{max-width:86%;margin:12px 0}.bubble span{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin:0 8px 4px;font-size:9px;display:block}.bubble p{color:#e6ebf0;white-space:pre-wrap;background:#142338;border-radius:17px 17px 17px 5px;margin:0;padding:12px 14px;font-size:13px;line-height:1.5}.bubble.user{margin-left:auto}.bubble.user span{text-align:right}.bubble.user p{color:#17202c;background:linear-gradient(135deg,#e8934c,#d96f32);border-radius:17px 17px 5px}.thinking p{gap:4px;width:48px;display:flex}.thinking i{background:var(--muted);border-radius:50%;width:5px;height:5px;animation:1s infinite alternate pulse}.thinking i:nth-child(2){animation-delay:.2s}.thinking i:nth-child(3){animation-delay:.4s}@keyframes pulse{to{opacity:.25;transform:translateY(-3px)}}.chat-composer{z-index:15;left:50%;bottom:calc(76px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#0d1928ed;border:1px solid #ffffff1a;border-radius:20px;gap:8px;width:min(100% - 28px,746px);padding:8px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 18px 45px #00000059}.chat-composer input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:0 8px}.chat-composer button{background:linear-gradient(135deg,var(--gold),var(--orange));color:#16202b;border:0;border-radius:14px;width:42px;height:42px;font-size:20px;font-weight:700}.settings-card{border:1px solid var(--line);background:#101c2bc7;border-radius:22px;margin-bottom:12px;padding:18px}.settings-card h2{margin:0 0 12px;font-size:15px}.connection-row{border-bottom:1px solid #ffffff0b;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:11px 0;display:grid}.connection-row:last-child{border-bottom:0}.connection-icon{width:27px;height:27px;color:var(--red);background:#ff6b6b1a;border-radius:9px;place-items:center;font-weight:700;display:grid}.connection-icon.connected{color:var(--teal);background:#49d6ba1a}.connection-row strong,.connection-row span{display:block}.connection-row strong{font-size:12px}.connection-row span{color:var(--muted);font-size:10px}.connection-row em{color:var(--muted);font-size:9px;font-style:normal}.policy-row{color:var(--muted);border-bottom:1px solid #ffffff0b;justify-content:space-between;gap:12px;padding:10px 0;font-size:11px;display:flex}.policy-row strong{color:#dce3ea;font-size:11px}.policy-row .safe{color:var(--teal)}.settings-note{color:var(--muted);margin:13px 0 0;font-size:11px;line-height:1.55}.logout-button{color:#e39494;background:#ff6b6b0f;border:1px solid #ff6b6b2e;border-radius:15px;width:100%;min-height:46px}.bottom-nav{z-index:25;width:min(100%,780px);height:calc(72px + env(safe-area-inset-bottom));padding:7px 13px env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#08111deb;border-top:1px solid #ffffff12;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{color:#728094;background:0 0;border:0;border-radius:14px}.bottom-nav i,.bottom-nav span{font-style:normal;display:block}.bottom-nav i{font:700 19px Avenir Next,Inter,ui-sans-serif,sans-serif}.bottom-nav span{margin-top:2px;font-size:9px}.bottom-nav button.active{color:var(--gold);background:#ffc2660e}.notice{color:#f0b1b1;text-align:left;background:#ff6b6b14;border:1px solid #ff6b6b33;border-radius:13px;justify-content:space-between;gap:12px;width:calc(100% - 36px);margin:8px 18px 0;padding:11px 13px;font-size:11px;display:flex}.sheet-backdrop{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00050bad;justify-content:center;align-items:flex-end;padding-top:40px;display:flex;position:fixed;inset:0}.profile-sheet{width:min(100%,780px);max-height:94vh;padding:9px 20px calc(28px + env(safe-area-inset-bottom));background:#0d1928;border:1px solid #ffffff17;border-radius:28px 28px 0 0;overflow:auto;box-shadow:0 -24px 70px #00000080}.sheet-handle{background:#3e4c5f;border-radius:3px;width:38px;height:4px;margin:0 auto 18px}.sheet-title{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.sheet-title h2{margin:4px 0 0;font-size:24px}.sheet-title button{border:1px solid var(--line);width:37px;height:37px;color:var(--ink);background:#ffffff0a;border-radius:12px;font-size:22px}.form-grid{gap:10px;display:grid}.form-grid.two{grid-template-columns:repeat(2,1fr)}.form-grid.three{grid-template-columns:repeat(3,1fr)}.field{margin-bottom:11px;display:block}.field>span{color:#9aa8b9;margin:0 0 6px 2px;font-size:10px;display:block}.field input,.field select,.auth-card input{border:1px solid var(--line);width:100%;height:46px;color:var(--ink);background:#111f31;border-radius:13px;outline:0;padding:0 12px}.field input:focus,.field select:focus,.auth-card input:focus{border-color:#ffc2668c;box-shadow:0 0 0 3px #ffc26612}.check-row{border:1px solid var(--line);background:#ffffff06;border-radius:14px;align-items:flex-start;gap:10px;margin:6px 0 14px;padding:13px;display:flex}.check-row input{accent-color:var(--orange);margin-top:2px}.check-row strong,.check-row small{display:block}.check-row strong{font-size:12px}.check-row small{color:var(--muted);margin-top:3px;font-size:9px;line-height:1.4}.sheet-submit{width:100%;margin-top:5px}.form-error{color:#eea6a6;background:#ff6b6b14;border-radius:10px;margin:10px 0;padding:9px 11px;font-size:11px}.auth-screen,.splash{background:radial-gradient(circle at 50% 0,#153250 0%,#07101b 48%);place-items:center;min-height:100vh;padding:24px;display:grid;position:relative;overflow:hidden}.auth-glow{filter:blur(70px);background:#ff8c4226;border-radius:50%;width:360px;height:360px;position:absolute;top:-190px}.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0d1928d1;border:1px solid #ffffff1a;border-radius:28px;width:min(100%,410px);padding:30px;position:relative;box-shadow:0 28px 80px #00000059}.auth-logo{border-radius:20px 20px 20px 6px;width:58px;height:58px;margin-bottom:20px;font-size:25px}.auth-card h1{letter-spacing:-.045em;margin:7px 0 9px;font-size:30px}.auth-card p{color:var(--muted);font-size:13px;line-height:1.55}.auth-card form{gap:10px;margin:22px 0 15px;display:grid}.auth-card small{color:#637186;font-size:9px;line-height:1.4}.recovery-button{width:100%;margin:12px 0}.splash{color:var(--muted);text-transform:uppercase;letter-spacing:.16em;align-content:center;gap:12px;font-size:11px}.splash .auth-logo{margin:0}.skeleton-stack{gap:12px;display:grid}.skeleton-stack div{background:linear-gradient(90deg,#101c2b 20%,#17273b 50%,#101c2b 80%) 0 0/200% 100%;border-radius:22px;height:110px;animation:1.4s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}@media (width<=540px){.stat-grid{grid-template-columns:repeat(2,1fr)}.deal-card{grid-template-columns:auto 1fr}.deal-price{text-align:left;grid-column:2}.form-grid.three{grid-template-columns:repeat(3,1fr)}.hank-brief{padding:22px}.brief-actions>*{flex:1}.connection-row em{display:none}}@media (width>=800px){main{padding:0 28px}.page{padding-top:28px}.topbar{padding-left:30px;padding-right:30px}.bottom-nav{border-left:1px solid #ffffff0d;border-right:1px solid #ffffff0d}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
