:root{--bg: oklch(.97 .003 90);--bg-2: oklch(.955 .004 90);--panel: oklch(1 0 0);--panel-2: oklch(.97 .003 90);--border: oklch(.89 .006 90);--border-strong: oklch(.8 .007 90);--text: oklch(.22 .01 250);--text-dim: oklch(.42 .01 250);--text-mute: oklch(.6 .008 250);--up: oklch(.55 .16 155);--down: oklch(.55 .18 25);--accent: oklch(.55 .16 155);--accent-soft: oklch(.55 .16 155 / .1);--warn: oklch(.65 .15 85);--radius: 14px;--radius-sm: 10px}[data-theme=dark]{--bg: oklch(.18 .005 250);--bg-2: oklch(.21 .006 250);--panel: oklch(.225 .007 250);--panel-2: oklch(.255 .008 250);--border: oklch(.32 .008 250);--border-strong: oklch(.4 .01 250);--text: oklch(.96 .005 250);--text-dim: oklch(.72 .008 250);--text-mute: oklch(.55 .008 250);--up: oklch(.78 .16 155);--down: oklch(.72 .18 25);--accent: oklch(.78 .16 155);--accent-soft: oklch(.78 .16 155 / .12);--warn: oklch(.85 .15 85)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01","cv11"}body{min-height:100vh}.mono{font-family:JetBrains Mono,ui-monospace,monospace;font-feature-settings:"zero","ss01"}button{font-family:inherit;cursor:pointer}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}a{text-decoration:none;color:inherit}code{font-family:JetBrains Mono,ui-monospace,monospace}.app-shell{display:grid;grid-template-columns:280px 1fr 460px;grid-template-rows:64px 1fr;height:100vh;background:var(--bg);align-items:stretch;overflow:hidden}.header{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,var(--bg-2),var(--bg))}.header-left{display:flex;align-items:center}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:17px;letter-spacing:-.02em}.brand-mark{flex-shrink:0;display:block}.brand-beta{color:var(--text-mute);font-size:12px;font-weight:500;margin-left:6px}.nav{display:flex;align-items:center;gap:4px;margin-left:32px}.nav a{display:block;background:transparent;border:0;color:var(--text-dim);padding:8px 14px;border-radius:8px;font-size:14px;font-weight:500;transition:all .15s}.nav a:hover{color:var(--text);background:var(--panel)}.nav a.active-nav{color:var(--text);background:var(--panel-2);box-shadow:0 0 0 1px var(--border)}.header-right{display:flex;align-items:center;gap:12px}.signin{background:transparent;color:var(--text-soft);border:0;outline:none;padding:0;border-radius:0;font-weight:500;font-size:13.5px;transition:transform .1s;white-space:nowrap;text-decoration:none;box-shadow:none}.signin:hover{transform:none;color:var(--text)}.signin.sign-link{display:inline-block}.plain-button{appearance:none;cursor:pointer;box-shadow:none;padding:0}.plain-button:focus,.plain-button:focus-visible{outline:none;box-shadow:none}.sidebar{border-right:1px solid var(--border);background:var(--bg);overflow:hidden;display:flex;flex-direction:column;min-height:0}.sidebar-head{padding:14px 16px 10px;display:flex;align-items:center;justify-content:space-between}.sidebar-title{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-mute);font-weight:600}.sidebar-filter{display:flex;gap:4px;padding:0 12px 8px}.sidebar-filter button{flex:1;background:transparent;border:0;color:var(--text-mute);font-size:12px;padding:6px 8px;border-radius:7px;font-weight:500;transition:all .12s}.sidebar-filter button[data-on=true]{background:var(--panel);color:var(--text)}.symbol-list{flex:1;overflow-y:auto;padding:0 8px 16px}.symbol-list-item{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:11px 12px;border-radius:10px;margin-bottom:2px;cursor:pointer;transition:background .12s;align-items:center}.symbol-list-item:hover{background:var(--panel)}.symbol-list-item-active{background:var(--accent-soft);box-shadow:inset 0 0 0 1px #4ed58940}.symbol-list-item-old{opacity:.6}.symbol-list-item-title{display:flex;align-items:baseline;gap:8px}.symbol-list-item-name{font-weight:600;font-size:14px;letter-spacing:-.01em;color:var(--text);display:flex;align-items:center;gap:6px}.symbol-list-item-desc{display:flex;align-items:center;gap:6px}.ticker-tag{font-size:10px;font-weight:700;padding:1.5px 5px;border-radius:4px;font-family:JetBrains Mono,monospace;line-height:1}.tag-L,.price-up.ticker-tag{background:#4ed58929;color:var(--up)}.tag-S,.price-down.ticker-tag{background:#ff716b29;background:oklch(.72 .18 25 / .16);color:var(--down)}.symbol-list-ago{font-size:11px;color:var(--text-mute)}.list-post-count{font-size:11px;color:var(--text-mute);font-family:JetBrains Mono,monospace}.ticker-right{text-align:right}.symbol-list-item-price{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:500}.price-up{color:var(--up)}.price-down{color:var(--down)}.percent-small{font-size:10px;color:var(--text-mute)}.content{background:var(--bg);overflow:hidden;display:flex;flex-direction:column;min-height:0}.symbol-info{display:flex;flex-direction:column;flex:1;min-height:0}.symbol-info-header{padding:4px 12px;flex-shrink:0}.chart{flex:1;min-height:0}.feed{overflow-y:auto;overflow-x:hidden;min-height:0;padding:14px 14px 24px;display:flex;flex-direction:column;gap:10px;border-left:1px solid var(--border)}.feed-panel-head{padding:14px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);flex-shrink:0}.feed-item{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .15s;flex-shrink:0}.feed-item:hover{border-color:var(--border-strong)}.feed-item-old{opacity:.65}.feed-item-title{display:flex;align-items:center;gap:10px;padding:12px 14px 10px;background:transparent;border-bottom:1px solid var(--border)}.feed-item-title-main{display:flex;align-items:center;gap:8px;flex:1;min-width:0;font-size:13px;font-weight:600;color:var(--text)}.feed-item-title-main a{color:var(--text)}.feed-item-title-main a:hover{color:var(--accent)}.feed-item-meta{font-size:11.5px;color:var(--text-mute);font-weight:400;white-space:nowrap}.feed-item-results{font-family:JetBrains Mono,monospace;font-size:12px;padding:6px 14px;border-bottom:1px solid var(--border);color:var(--text-dim);background:var(--panel-2)}.feed-item-text{padding:12px 14px;font-size:13.5px;line-height:1.55;color:var(--text-dim)}.feed-item-text p{margin:0 0 8px}.feed-item-text p:last-child{margin-bottom:0}.feed-item-text strong{color:var(--text);font-weight:600}.feed-image{max-width:100%;cursor:pointer;border-radius:var(--radius-sm);border:1px solid var(--border);margin-top:8px;display:block}.feed-item-actions{border-top:1px solid var(--border);padding:8px 14px;display:flex;align-items:center;gap:12px}.bookmark-icon,.favorite-icon,.fact-icon{cursor:pointer;color:var(--text-mute);transition:color .15s;flex-shrink:0}.bookmark-icon:hover,.favorite-icon:hover{color:var(--accent)}.fact-icon:hover{color:var(--warn)}.is-bookmark-icon{color:var(--accent)}.is-favorite-icon{color:var(--warn)}@keyframes sk-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sk-line{border-radius:4px;background:linear-gradient(90deg,var(--panel-2) 25%,color-mix(in srgb,var(--panel-2) 60%,var(--bg)) 50%,var(--panel-2) 75%);background-size:200% 100%;animation:sk-shimmer 1.4s ease infinite;flex-shrink:0}.feed-skeleton .feed-item-title{gap:0}.list-item-loading-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);animation:sk-shimmer 1.4s ease infinite,li-dot-pulse 1s ease-in-out infinite alternate}@keyframes li-dot-pulse{0%{opacity:.4;transform:scale(.8)}to{opacity:1;transform:scale(1.1)}}.symbol-list-item-loading{background:var(--accent-soft);box-shadow:inset 0 0 0 1px #4ed58959}.spinner-wrapper{display:flex;justify-content:center;padding:32px 0}.pulse-loader{display:flex;gap:8px;align-items:center;justify-content:center}.pulse-dot{width:10px;height:10px;background-color:var(--accent);border-radius:50%;animation:pulse 1.4s infinite ease-in-out both}.pulse-dot:nth-child(1){animation-delay:-.32s}.pulse-dot:nth-child(2){animation-delay:-.16s}@keyframes pulse{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.zoomed-image{position:fixed;top:20px;left:20px;width:calc(100vw - 40px);height:calc(100vh - 40px);object-fit:contain;z-index:1000;background:#000000d9;border-radius:var(--radius)}.page-content{background:var(--bg);overflow:auto;flex:1}.login-view{width:min(800px,100%);padding:0 16px;margin:20vh auto;text-align:center;color:var(--text);box-sizing:border-box}.login-row{margin-bottom:12px;width:400px}.login-buttons{display:flex;justify-content:space-between;align-items:center}.login-provider-list{margin:18px 0 28px}.google-login-button{display:inline-flex;align-items:center;justify-content:center;min-width:260px;padding:12px 20px;border:1px solid color-mix(in srgb,var(--line) 70%,white);border-radius:999px;background:linear-gradient(180deg,#fff,#f6f8fb);color:#202124;font-weight:700;text-decoration:none;box-shadow:0 8px 18px #00000014;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.google-login-button:hover{transform:translateY(-1px);background:linear-gradient(180deg,#fff,#eef3f8);box-shadow:0 12px 26px #0000001f}.register-link{padding-left:12px;color:var(--accent);cursor:pointer}.register-link:hover{text-decoration:underline}.small-text{font-size:11px}.visible-links a{color:var(--accent)}p{margin-block-start:8px;margin-block-end:8px}@media (max-width: 1023px),screen and (orientation: portrait){.app-shell{grid-template-columns:minmax(92px,1fr) minmax(0,3fr);grid-template-rows:56px 1fr}.content{display:none}.feed{display:flex;min-width:0;padding:12px 10px 20px}.sidebar{min-width:0}.sidebar-head{padding:12px 10px 8px}.symbol-list{padding:0 4px 12px}.symbol-list-item{padding:10px 8px;gap:4px 8px}.symbol-list-item-name{font-size:13px}.header-left{min-width:0}.login-view{width:96vw;margin:20px auto}.header{padding:0 12px;gap:12px}.nav{margin-left:14px;overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.brand-beta{display:none}.zoomed-image{left:4px;width:calc(100vw - 8px);height:calc(80vh - 40px)}.symbol-list{padding-right:0}}
