*{box-sizing:border-box;margin:0;padding:0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f5f5f1;--paper-soft:#fbfbf8;--ink:#171717;--muted:#626760;--line:#17171724;--line-strong:#17171742;--green:#10a37f;--blue:#4864ff;--coral:#ff5630;--gold:#d89b00;--shadow:#17171714}html{min-height:100%}body{min-height:100vh;color:var(--ink);text-rendering:geometricprecision;background:linear-gradient(135deg,#ff56301f,#0000 28%),linear-gradient(225deg,#10a37f1f,#0000 30%),linear-gradient(#f8f8f3 0%,#ecebe5 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;overflow-x:hidden}body:before{content:"";z-index:1;pointer-events:none;opacity:.64;background-image:linear-gradient(#1717170e 1px,#0000 1px),linear-gradient(90deg,#1717170e 1px,#0000 1px);background-size:72px 72px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000c7,#0000 84%);mask-image:linear-gradient(#000000c7,#0000 84%)}button,input{font:inherit}button{border:1px solid var(--ink);background:var(--ink);min-height:42px;color:var(--paper-soft);cursor:pointer;border-radius:8px;transition:transform .16s,background .16s,border-color .16s}button:hover{transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.6;transform:none}input{border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);background:#ffffffad;border-radius:8px;outline:none;padding:0 13px;transition:border-color .16s,box-shadow .16s,background .16s}input:focus{border-color:color-mix(in srgb, var(--green) 55%, var(--line-strong));background:#ffffffdb;box-shadow:0 0 0 4px #10a37f1f}.motion-field{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0}.dashboard-shell,.auth-screen{z-index:2;min-height:100vh;position:relative}.topbar{justify-content:space-between;align-items:center;gap:24px;min-height:76px;padding:20px max(24px,50vw - 590px);display:flex}.brand{color:var(--ink);align-items:center;gap:12px;font-size:.95rem;font-weight:680;text-decoration:none;display:inline-flex}.brand-mark{border:1px solid var(--line-strong);width:34px;height:34px;box-shadow:0 10px 28px var(--shadow);background:#ffffff85;border-radius:8px;position:relative;overflow:hidden}.stock-watch-logo{background:linear-gradient(135deg,#ffffffd1,#ffffff47),radial-gradient(circle at 68% 26%,#10a37f47,#0000 46%);place-items:center;display:inline-grid}.stock-watch-logo:before{content:"";border:1px solid #17171733;border-radius:5px;position:absolute;inset:7px;transform:rotate(45deg)}.stock-watch-logo svg{z-index:1;width:25px;height:25px;position:relative}.logo-frame,.logo-pulse,.logo-signal{fill:none;stroke-linecap:round;stroke-linejoin:round}.logo-frame{stroke:#1717176b;stroke-width:2.2px}.stock-watch-logo .logo-pulse{stroke:var(--green);stroke-width:3.4px;filter:drop-shadow(0 0 5px #10a37f66)}.logo-signal{stroke:var(--blue);stroke-width:2.6px}.logo-node{fill:var(--coral);filter:drop-shadow(0 0 6px #ff563057)}.ghost-button,.danger-button{border-color:var(--line);min-width:96px;color:var(--ink);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff8a;padding:0 14px}.danger-button{color:#a42312}.hero-grid{grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);align-items:stretch;gap:24px;width:min(1180px,100% - 48px);margin:32px auto 0;display:grid}.hero-copy{flex-direction:column;justify-content:center;min-height:280px;padding:20px 0;display:flex}.eyebrow{color:var(--muted);text-transform:uppercase;align-items:center;gap:10px;font-size:.82rem;display:inline-flex}.eyebrow:before{content:"";background:linear-gradient(90deg, var(--ink), transparent);width:34px;height:1px}.hero-copy h1,.auth-panel h1{letter-spacing:0;max-width:720px;margin-top:22px;font-size:4.4rem;font-weight:680;line-height:1}.hero-copy h1 span,.auth-panel h1 span{color:#0000;background:linear-gradient(90deg, var(--coral), var(--gold) 34%, var(--green) 68%, var(--blue));background-size:180% 100%;-webkit-background-clip:text;background-clip:text;animation:9s ease-in-out infinite alternate title-shift;display:block}.hero-copy p,.auth-copy{max-width:590px;color:var(--muted);margin-top:24px;font-size:1.06rem}.add-panel,.auth-panel,.empty-state{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff94;border-radius:8px;box-shadow:0 24px 70px #17171714}.add-panel{flex-direction:column;justify-content:space-between;gap:24px;min-height:280px;padding:24px;display:flex}.panel-label{color:var(--muted);font-size:.82rem}.add-panel h2,.list-header h2{letter-spacing:0;margin-top:8px;font-size:1.7rem;font-weight:680}.symbol-input-row{grid-template-columns:minmax(0,1fr) 104px;align-items:start;gap:10px;display:grid}.symbol-search{min-width:0;position:relative}.symbol-search-status{color:var(--muted);pointer-events:none;font-size:.76rem;position:absolute;top:11px;right:12px}.symbol-suggestions{z-index:8;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fbfbf8f0;border-radius:8px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 20px 48px #17171724}.symbol-suggestions button{width:100%;min-height:56px;color:var(--ink);text-align:left;background:0 0;border:0;border-bottom:1px solid #17171714;border-radius:0;grid-template-columns:minmax(82px,.28fr) minmax(0,1fr);align-items:center;gap:12px;padding:10px 12px;display:grid}.symbol-suggestions button:last-child{border-bottom:0}.symbol-suggestions button:hover{background:#10a37f14;transform:none}.symbol-suggestions span,.symbol-suggestions em{min-width:0}.symbol-suggestions b,.symbol-suggestions small,.symbol-suggestions em{display:block}.symbol-suggestions b{font-size:.92rem}.symbol-suggestions small{color:var(--muted);text-transform:uppercase;margin-top:2px;font-size:.68rem;font-style:normal}.symbol-suggestions em{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-style:normal;overflow:hidden}.form-error,.form-status{font-size:.9rem}.form-error{color:#a42312}.form-status{color:#087d63}.metric-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:min(1180px,100% - 48px);margin:20px auto 0;display:grid}.metric-strip div{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff7a;border-radius:8px;min-height:84px;padding:16px}.metric-strip b{font-size:1.24rem;font-weight:680;display:block}.metric-strip span{color:var(--muted);margin-top:6px;font-size:.86rem;display:block}.list-header{justify-content:space-between;align-items:end;gap:18px;width:min(1180px,100% - 48px);margin:36px auto 16px;display:flex}.watchlist-controls{flex-wrap:wrap;justify-content:end;align-items:center;gap:12px;display:flex}.range-tabs{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff75;border-radius:8px;grid-template-columns:repeat(4,42px);align-items:center;min-height:42px;padding:3px;display:inline-grid}.range-tabs a{min-height:34px;color:var(--muted);border-radius:6px;place-items:center;font-size:.78rem;font-weight:680;text-decoration:none;display:inline-grid}.range-tabs a[aria-current=page]{color:var(--ink);background:linear-gradient(135deg,#4864ff29,#10a37f2e),#ffffffbd;box-shadow:inset 0 0 0 1px #17171714}.stock-grid{perspective:1200px;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:min(1180px,100% - 48px);margin:0 auto 64px;display:grid}.tilt-card{--mx:50%;--my:50%;--rx:0deg;--ry:0deg;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);min-height:420px;transform:rotateX(var(--rx)) rotateY(var(--ry)) translate3d(0, 0, 0);will-change:transform;background:#ffffff94;border-radius:8px;flex-direction:column;gap:22px;padding:20px;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 70px #17171714}.tilt-card:before{content:"";background:radial-gradient(360px circle at var(--mx) var(--my), #ffffffeb, #ffffff57 32%, transparent 62%);opacity:0;pointer-events:none;transition:opacity .18s;position:absolute;inset:0}.tilt-card:after{content:"";background:linear-gradient(90deg, var(--green), var(--blue), transparent);transform-origin:0;height:3px;transition:transform .26s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(.28)}.tilt-card:hover{border-color:color-mix(in srgb, var(--green) 48%, var(--line));background:#ffffffbd;box-shadow:0 30px 90px #17171721}.tilt-card:hover:before{opacity:1}.tilt-card:hover:after{transform:scaleX(1)}.stock-card-top,.price-row,.stock-card-footer,.card-actions{z-index:1;position:relative}.stock-card-top{justify-content:space-between;align-items:start;gap:16px;display:flex}.ticker{border:1px solid var(--line);min-height:28px;color:var(--muted);background:#ffffff70;border-radius:6px;align-items:center;padding:0 8px;font-size:.82rem;font-weight:680;display:inline-flex}.stock-card-top h3{margin-top:12px;font-size:1.2rem;font-weight:660;line-height:1.18}.change{white-space:nowrap;font-size:.92rem;font-weight:680}.positive{color:#087d63}.negative{color:#a42312}.price-row{margin-top:auto}.sparkline{z-index:1;background:linear-gradient(#ffffffa3,#ffffff2e),linear-gradient(90deg,#4864ff12,#10a37f14,#ff56300f);border:1px solid #17171714;border-radius:8px;height:86px;margin:-2px -4px 0;position:relative;overflow:hidden}.sparkline:before{content:"";opacity:.54;background-image:linear-gradient(#1717170e 1px,#0000 1px),linear-gradient(90deg,#1717170e 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}.sparkline-caption{z-index:2;min-height:24px;color:var(--ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff9e;border:1px solid #17171714;border-radius:6px;align-items:center;padding:0 8px;font-size:.72rem;font-weight:740;display:inline-flex;position:absolute;top:8px;right:10px}.sparkline svg{z-index:1;width:100%;height:100%;display:block;position:relative}.sparkline-grid-line,.sparkline-fill,.sparkline-glow,.sparkline-line{fill:none}.sparkline-grid-line{stroke:#17171714;stroke-dasharray:4 7;stroke-width:1px}.sparkline-fill{fill:#10a37f17}.sparkline-down .sparkline-fill{fill:#ff563017}.sparkline-glow{stroke:#10a37f3d;stroke-linecap:round;stroke-linejoin:round;stroke-width:8px;filter:blur(4px)}.sparkline-down .sparkline-glow{stroke:#ff56303d}.sparkline-line{stroke-linecap:round;stroke-linejoin:round;stroke-width:2.6px}.sparkline-node{fill:var(--paper-soft);stroke:var(--green);stroke-width:2px}.sparkline-down .sparkline-node{stroke:var(--coral)}.sparkline-empty{opacity:.72;border-style:dashed}.sparkline-empty:after{content:"";background:linear-gradient(90deg,#0000,#17171738,#0000);height:1px;position:absolute;inset:50% 18px auto}.quote-metrics{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid;position:relative}.quote-metrics div{background:#ffffff5c;border:1px solid #17171714;border-radius:8px;min-width:0;padding:9px 10px}.quote-metrics dt{color:var(--muted);text-transform:uppercase;font-size:.68rem;font-weight:680}.quote-metrics dd{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:.86rem;font-weight:680;overflow:hidden}.price-row strong{font-size:2.2rem;font-weight:700;line-height:1;display:block}.price-row span{color:var(--muted);margin-top:8px;display:block}.stock-card-footer{color:var(--muted);gap:4px;font-size:.78rem;display:grid}.card-actions{gap:8px;display:flex}.card-actions form{flex:1}.card-actions button{width:100%;min-width:0;padding:0 10px}.empty-state{text-align:center;place-items:center;width:min(1180px,100% - 48px);min-height:160px;margin:0 auto 64px;padding:24px;display:grid}.empty-state p{font-size:1.2rem;font-weight:680}.empty-state span{color:var(--muted)}.auth-screen{place-items:center;padding:24px;display:grid}.auth-panel{width:min(100%,520px);padding:28px}.auth-logo-row{align-items:center;gap:12px;display:flex}.auth-logo{width:38px;height:38px}.auth-panel h1{font-size:3.2rem}.auth-form{gap:14px;margin-top:28px;display:grid}.auth-form label{color:var(--muted);gap:7px;font-size:.86rem;display:grid}.auth-form button{margin-top:6px}@keyframes title-shift{0%{background-position:0%}to{background-position:100%}}@media (max-width:960px){.hero-grid,.stock-grid{grid-template-columns:1fr}.hero-copy h1{font-size:3.4rem}}@media (max-width:680px){.topbar,.hero-grid,.metric-strip,.list-header,.stock-grid,.empty-state{width:calc(100% - 28px)}.topbar{padding:16px 14px}.hero-grid{margin-top:8px}.hero-copy{min-height:auto}.hero-copy h1,.auth-panel h1{font-size:2.65rem}.metric-strip{grid-template-columns:1fr}.list-header{flex-direction:column;align-items:stretch}.watchlist-controls{justify-content:stretch}.range-tabs{grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.symbol-input-row{grid-template-columns:1fr}.quote-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.price-row strong{font-size:1.8rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.tilt-card{transform:none!important}}