.nav{background:var(--white);border-bottom:1px solid var(--border);padding:0 28px;height:58px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.logo{font-family:"DM Serif Display",serif;font-size:1.35rem;letter-spacing:-.01em;color:#0f0f0f}.nav-links{display:flex;gap:6px}.nav-links button{background:none;border:none;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:500;color:var(--muted);padding:6px 14px;border-radius:20px;cursor:pointer;transition:all .15s;text-transform:capitalize}.nav-links button.active,.nav-links button:hover{background:var(--accent);color:#fff}.nav-right{display:flex;align-items:center;gap:12px}.search-wrap{position:relative}.search-wrap input{background:var(--bg);border:1px solid var(--border);border-radius:20px;padding:6px 14px 6px 32px;font-family:DM Sans,sans-serif;font-size:.83rem;width:180px;color:var(--text);outline:none;transition:border-color .15s,width .2s}.search-wrap input:focus{border-color:#aaa;width:220px}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:.85rem;pointer-events:none}.btn-add{background:var(--accent);color:#fff;border:none;padding:8px 18px;border-radius:22px;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:600;cursor:pointer;transition:opacity .15s;white-space:nowrap}.btn-signout{background:none;border:1px solid var(--border);font-family:DM Sans,sans-serif;font-size:.82rem;font-weight:500;color:var(--muted);padding:6px 14px;border-radius:20px;cursor:pointer;transition:all .15s;white-space:nowrap}.btn-signout:hover{border-color:var(--red);color:var(--red)}.portfolio-header{margin-bottom:36px;animation:fadeUp .4s ease both}.portfolio-header h2{font-family:"DM Serif Display",serif;font-size:clamp(2.2rem,5vw,3rem);letter-spacing:-.03em;line-height:1.1}.subline{color:var(--muted);font-size:.9rem;margin-top:4px}.portfolio-stats{display:flex;gap:32px;margin-top:20px;flex-wrap:wrap}.stat{display:flex;flex-direction:column;gap:2px}.stat-value{font-size:1.55rem;font-weight:600;letter-spacing:-.02em}.stat-value.up{color:var(--green)}.stat-value.down{color:var(--red)}.stat-label{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.sparkline-wrap{background:var(--white);border:1px solid var(--border);border-radius:16px;padding:24px 28px 20px;margin-bottom:36px;animation:fadeUp .4s .1s ease both}.sparkline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.sparkline-title{font-weight:600;font-size:.9rem}.range-tabs{display:flex;gap:4px}.range-tabs button{background:none;border:none;font-family:DM Sans,sans-serif;font-size:.78rem;font-weight:500;color:var(--muted);padding:4px 10px;border-radius:12px;cursor:pointer;transition:all .15s}.range-tabs button.active,.range-tabs button:hover{background:var(--accent);color:#fff}.sparkline-canvas{width:100%;height:80px;display:block}.filters{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap;animation:fadeUp .4s .15s ease both}.filter-btn{background:var(--white);border:1px solid var(--border);font-family:DM Sans,sans-serif;font-size:.82rem;font-weight:500;color:var(--muted);padding:6px 14px;border-radius:20px;cursor:pointer;transition:all .15s}.filter-btn.active,.filter-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.table-header{display:grid;grid-template-columns:2.5fr 1fr 1fr 1fr 1fr 90px;gap:8px;padding:0 16px 10px;font-size:.75rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;animation:fadeUp .4s .2s ease both}.tee-list{display:flex;flex-direction:column;gap:6px}.tee-card{background:var(--white);border:1px solid var(--border);border-radius:14px;padding:16px;display:grid;grid-template-columns:2.5fr 1fr 1fr 1fr 1fr 90px;gap:8px;align-items:center;cursor:pointer;transition:all .18s;animation:fadeUp .4s ease both}.tee-card:hover{border-color:#ccc;box-shadow:0 4px 20px #0000000f;transform:translateY(-1px)}.tee-info{display:flex;align-items:center;gap:14px}.tee-thumb{width:46px;height:46px;border-radius:10px;background:var(--tag-bg);display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0;border:1px solid var(--border)}.tee-name{font-weight:600;font-size:.92rem;letter-spacing:-.01em}.tee-meta{display:flex;gap:6px;margin-top:3px;flex-wrap:wrap}.cell{font-size:.9rem;font-weight:500}.cell.muted{color:var(--muted);font-weight:400}.change-badge{display:inline-flex;align-items:center;gap:3px;font-size:.82rem;font-weight:600;padding:3px 9px;border-radius:10px}.change-badge.up{color:var(--green);background:var(--green-bg)}.change-badge.down{color:var(--red);background:var(--red-bg)}.action-btn{background:var(--tag-bg);border:1px solid var(--border);font-family:DM Sans,sans-serif;font-size:.78rem;font-weight:600;color:var(--text);padding:6px 14px;border-radius:10px;cursor:pointer;transition:all .15s;width:100%}.action-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.empty{text-align:center;padding:60px 20px;color:var(--muted)}.empty-icon{font-size:3rem;margin-bottom:12px}.empty h3{font-family:"DM Serif Display",serif;font-size:1.3rem;color:var(--text);margin-bottom:6px}@media (max-width: 700px){.table-header{display:none}.tee-card{grid-template-columns:1fr auto}.cell.muted{display:none}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center}.modal{background:var(--white);border-radius:20px;padding:32px;width:100%;max-width:440px;animation:modalIn .25s ease both;position:relative}.modal h3{font-family:"DM Serif Display",serif;font-size:1.5rem;margin-bottom:20px;letter-spacing:-.02em}.modal-close{position:absolute;top:16px;right:16px;background:var(--tag-bg);border:none;width:30px;height:30px;border-radius:50%;font-size:1rem;cursor:pointer;color:var(--muted);display:flex;align-items:center;justify-content:center}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:.78rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.form-group input,.form-group select{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:10px;font-family:DM Sans,sans-serif;font-size:.9rem;background:var(--bg);color:var(--text);outline:none;transition:border-color .15s}.form-group input:focus,.form-group select:focus{border-color:var(--accent)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-actions{display:flex;gap:10px;margin-top:24px}.btn-cancel{flex:1;background:var(--bg);border:1px solid var(--border);font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:600;color:var(--muted);padding:11px;border-radius:12px;cursor:pointer}.btn-save{flex:2;background:var(--accent);border:none;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:600;color:#fff;padding:11px;border-radius:12px;cursor:pointer;transition:opacity .15s}.btn-save:hover{opacity:.85}.detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:flex-end;justify-content:flex-end}.detail-panel{background:var(--white);height:100vh;width:100%;max-width:380px;padding:36px 28px;overflow-y:auto;animation:slideIn .25s ease both;position:relative}.detail-close{position:absolute;top:20px;right:20px;background:var(--tag-bg);border:none;width:32px;height:32px;border-radius:50%;font-size:1.1rem;cursor:pointer;color:var(--muted);display:flex;align-items:center;justify-content:center}.detail-thumb{width:72px;height:72px;border-radius:16px;background:var(--tag-bg);display:flex;align-items:center;justify-content:center;font-size:2.2rem;border:1px solid var(--border);margin-bottom:16px}.detail-name{font-family:"DM Serif Display",serif;font-size:1.4rem;letter-spacing:-.02em;margin-bottom:10px;line-height:1.2}.detail-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:24px}.detail-section{margin-bottom:24px}.detail-section-title{font-size:.75rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:12px}.detail-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border);font-size:.88rem}.detail-row:last-child{border-bottom:none}.detail-row .label{color:var(--muted)}.detail-row .value{font-weight:600}.pnl-big{font-family:"DM Serif Display",serif;font-size:2rem;letter-spacing:-.03em;margin-bottom:4px}.pnl-big.up{color:var(--green)}.pnl-big.down{color:var(--red)}.pnl-sub{font-size:.85rem;color:var(--muted)}.btn-delete{width:100%;background:none;border:1px solid #ffd0d0;color:var(--red);font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:600;padding:10px;border-radius:12px;cursor:pointer;margin-top:8px;transition:all .15s}.btn-delete:hover{background:var(--red-bg)}.tag{background:var(--tag-bg);color:var(--muted);font-size:.7rem;font-weight:500;padding:2px 8px;border-radius:8px;letter-spacing:.02em}.tag.era{color:#7a6a00;background:#fff9e0}.tag.cond-mint{color:#006a20;background:#e6faf0}.tag.cond-good{color:#005a8a;background:#e6f4ff}.tag.cond-fair{color:#7a3000;background:#fff2e6}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:20px}.auth-card{background:var(--white);border:1px solid var(--border);border-radius:20px;padding:40px 36px;width:100%;max-width:400px;animation:fadeUp .4s ease both}.auth-back{background:none;border:none;font-family:DM Sans,sans-serif;font-size:.83rem;color:#8a8a8a;cursor:pointer;padding:0;margin-bottom:20px;display:block;transition:color .15s}.auth-back:hover{color:#0f0f0f}.auth-logo{font-family:"DM Serif Display",serif;font-size:2rem;letter-spacing:-.02em;margin-bottom:6px;color:#0f0f0f}.auth-tagline{color:var(--muted);font-size:.88rem;margin-bottom:28px}.auth-tabs{display:flex;gap:4px;background:var(--bg);border-radius:12px;padding:4px;margin-bottom:24px}.auth-tabs button{flex:1;background:none;border:none;font-family:DM Sans,sans-serif;font-size:.88rem;font-weight:500;color:var(--muted);padding:8px;border-radius:9px;cursor:pointer;transition:all .15s}.auth-tabs button.active{background:var(--white);color:var(--text);font-weight:600;box-shadow:0 1px 4px #00000014}.auth-btn{width:100%;background:var(--accent);color:#fff;border:none;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:600;padding:13px;border-radius:12px;cursor:pointer;margin-top:8px;transition:opacity .15s}.auth-btn:hover{opacity:.85}.auth-btn:disabled{opacity:.5;cursor:not-allowed}.auth-error{background:var(--red-bg);color:var(--red);font-size:.83rem;padding:10px 14px;border-radius:10px;margin-bottom:12px}.auth-message{background:var(--green-bg);color:#006a20;font-size:.83rem;padding:10px 14px;border-radius:10px;margin-bottom:12px}.landing{background:#f7f6f2;min-height:100vh;font-family:DM Sans,sans-serif}.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:0 40px;height:60px;background:#f7f6f2;border-bottom:1px solid #e8e6e0;position:sticky;top:0;z-index:100}.landing-logo{font-family:"DM Serif Display",serif;font-size:1.35rem;letter-spacing:-.01em;color:#0f0f0f}.landing-nav-right{display:flex;align-items:center;gap:12px}.landing-link{background:none;border:none;font-family:DM Sans,sans-serif;font-size:.88rem;font-weight:500;color:#8a8a8a;cursor:pointer;padding:6px 12px;border-radius:20px;transition:color .15s}.landing-link:hover{color:#0f0f0f}.landing-cta-sm{background:#0f0f0f;color:#fff;border:none;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:600;padding:8px 18px;border-radius:22px;cursor:pointer;transition:opacity .15s}.landing-cta-sm:hover{opacity:.82}.hero{max-width:1100px;margin:0 auto;padding:80px 40px 60px;display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center}.hero-badge{display:inline-block;background:#fff9e0;color:#7a6a00;font-size:.75rem;font-weight:600;padding:4px 12px;border-radius:20px;letter-spacing:.04em;margin-bottom:20px;text-transform:uppercase}.hero-title{font-family:"DM Serif Display",serif;font-size:clamp(2.4rem,4vw,3.4rem);letter-spacing:-.03em;line-height:1.08;color:#0f0f0f;margin-bottom:20px}.hero-sub{font-size:1rem;color:#5a5a5a;line-height:1.65;max-width:420px;margin-bottom:32px}.hero-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.btn-primary{background:#0f0f0f;color:#fff;border:none;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:600;padding:14px 26px;border-radius:14px;cursor:pointer;transition:opacity .15s}.btn-primary:hover{opacity:.82}.hero-note{font-size:.8rem;color:#8a8a8a}.preview-wrap{border-radius:16px;overflow:hidden;box-shadow:0 24px 80px #0000001f,0 4px 16px #0000000f;border:1px solid #e8e6e0;animation:fadeUp .6s .1s ease both}.preview-chrome{background:#f0efe9;padding:10px 14px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #e8e6e0}.chrome-dots{display:flex;gap:5px}.chrome-dots span{width:10px;height:10px;border-radius:50%;background:#ddd;display:block}.chrome-url{font-size:.72rem;color:#8a8a8a;background:#fff;padding:3px 12px;border-radius:6px;border:1px solid #e8e6e0;flex:1;text-align:center}.preview-app{background:#fff;padding:16px}.mini-nav{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid #e8e6e0;margin-bottom:14px}.mini-logo{font-family:"DM Serif Display",serif;font-size:1rem;color:#0f0f0f}.mini-links{display:flex;gap:4px}.mini-link{font-size:.7rem;font-weight:500;color:#8a8a8a;padding:3px 8px;border-radius:10px}.mini-link.active{background:#0f0f0f;color:#fff}.mini-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.mini-stat-val{font-size:.9rem;font-weight:600;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-stat-val.green{color:#00c805}.mini-stat-label{font-size:.6rem;color:#8a8a8a;margin-top:2px;text-transform:uppercase;letter-spacing:.04em}.mini-chart{background:#f7f6f2;border-radius:10px;padding:10px 12px;margin-bottom:12px}.mini-chart-label{font-size:.65rem;font-weight:600;color:#0f0f0f;margin-bottom:6px}.mini-svg{width:100%;height:48px;display:block}.mini-rows{display:flex;flex-direction:column;gap:6px}.mini-row{display:flex;align-items:center;gap:10px;background:#f7f6f2;border-radius:10px;padding:8px 10px}.mini-thumb{width:32px;height:32px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;border:1px solid #e8e6e0}.mini-row-info{flex:1;min-width:0}.mini-row-name{font-size:.72rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-row-tags{display:flex;gap:4px;margin-top:2px}.mini-tag{font-size:.6rem;padding:1px 6px;border-radius:6px;font-weight:500}.mini-tag.era{background:#fff9e0;color:#7a6a00}.mini-tag.cond-mint{background:#e6faf0;color:#006a20}.mini-tag.cond-good{background:#e6f4ff;color:#005a8a}.mini-gain{font-size:.72rem;font-weight:700;color:#00c805;background:#f0faf0;padding:2px 7px;border-radius:7px;white-space:nowrap}.features{background:#fff;padding:80px 40px;border-top:1px solid #e8e6e0;border-bottom:1px solid #e8e6e0}.features-title{font-family:"DM Serif Display",serif;font-size:clamp(1.6rem,3vw,2.2rem);text-align:center;letter-spacing:-.02em;margin-bottom:48px;color:#0f0f0f}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;max-width:1000px;margin:0 auto}.feature-card{background:#f7f6f2;border-radius:16px;padding:28px 24px;border:1px solid #e8e6e0;transition:transform .15s,box-shadow .15s}.feature-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.feature-icon{font-size:1.8rem;margin-bottom:14px}.feature-title{font-weight:700;font-size:.95rem;margin-bottom:8px;color:#0f0f0f}.feature-desc{font-size:.85rem;color:#5a5a5a;line-height:1.6}.bottom-cta{text-align:center;padding:80px 40px;max-width:600px;margin:0 auto}.bottom-cta h2{font-family:"DM Serif Display",serif;font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:-.02em;margin-bottom:10px;color:#0f0f0f}.bottom-cta p{color:#8a8a8a;margin-bottom:28px;font-size:.95rem}.landing-footer{border-top:1px solid #e8e6e0;padding:24px 40px;display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:#8a8a8a}.landing-footer span:first-child{font-family:"DM Serif Display",serif;color:#0f0f0f}@media (max-width: 768px){.hero{grid-template-columns:1fr;padding:48px 20px 40px;gap:40px}.mini-stats{grid-template-columns:repeat(2,1fr)}.features{padding:60px 20px}.landing-nav{padding:0 20px}.bottom-cta{padding:60px 20px}.landing-footer{padding:20px;flex-direction:column;gap:6px;text-align:center}}.container{max-width:1120px;margin:0 auto;padding:36px 24px 80px}:root{--bg: #f7f6f2;--white: #ffffff;--text: #0f0f0f;--muted: #8a8a8a;--border: #e8e6e0;--green: #00c805;--green-bg: #f0faf0;--red: #e02020;--red-bg: #fff0f0;--accent: #0f0f0f;--card: #ffffff;--tag-bg: #f0efe9}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;font-size:15px;line-height:1.5;min-height:100vh}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes modalIn{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}