[data-scope=landing]{--color-primary: #2ea44f;--color-secondary: #111827;--color-text-main: #111827;--color-text-sub: #4b5563;--color-text-muted: #94a3b8;--color-surface: #ffffff;--color-border: #e2e8f0;--color-bg-light: #f8fafc}[data-scope=landing] .intro-page{min-height:100vh}[data-scope=landing] .intro-main{max-width:520px;margin:0 auto;padding:80px 20px 40px;text-align:center}[data-scope=landing] .intro-eyebrow{color:var(--color-text-muted);font-weight:800;margin-bottom:12px;font-size:14px;letter-spacing:.05em}[data-scope=landing] .intro-title{font-size:36px;font-weight:900;color:var(--color-text-main);line-height:1.25;margin-bottom:16px;letter-spacing:-.04em}[data-scope=landing] .intro-desc{color:var(--color-text-sub);margin-bottom:32px;line-height:1.7;font-size:16px}[data-scope=landing] .intro-auto-login-notice{margin:0 0 24px;padding:12px 14px;border-radius:14px;border:1px solid #dcfce7;background:#f0fdf4;color:#166534;font-size:13px;font-weight:700;line-height:1.5}[data-scope=landing] .intro-cta-group{display:grid;gap:14px;margin-bottom:24px}[data-scope=landing] .intro-primary-link{display:block;padding:18px;border-radius:var(--radius-pill);text-decoration:none;color:#fff;font-weight:900;background:var(--color-primary);font-size:16px;transition:transform .2s}[data-scope=landing] .intro-primary-link:active{transform:scale(.98)}[data-scope=landing] .intro-secondary-link{display:block;padding:18px;border-radius:var(--radius-pill);text-decoration:none;color:var(--color-secondary);font-weight:900;border:2px solid var(--color-border);background:#fff;font-size:16px;transition:transform .2s}[data-scope=landing] .intro-secondary-link:active{transform:scale(.98)}[data-scope=landing] .intro-browse-link{color:var(--color-text-muted);text-decoration:none;font-size:14px;font-weight:700}[data-scope=landing] .hero-container{text-align:left;background:#fff;box-shadow:none;width:100%;position:relative;overflow:hidden}[data-scope=landing] .hero-inner{max-width:1200px;margin:0 auto;padding:20px 16px;display:flex;align-items:flex-start;gap:24px}@media not (min-width:768px){[data-scope=landing] .hero-inner{align-items:normal}}[data-scope=landing] .hero-badge-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding-bottom:16px}[data-scope=landing] .hero-badge{font-size:12px;font-weight:900;padding:6px 16px;border-radius:var(--radius-pill);border:1.5px solid;background:#fff}[data-scope=landing] .hero-age-badge{font-size:12px;font-weight:800;padding:6px 16px;border-radius:var(--radius-pill);background:var(--color-bg-light);color:#64748b}[data-scope=landing] .hero-title{font-size:44px;font-weight:950;line-height:1.1;margin-bottom:14px;color:#1e293b;letter-spacing:-.04em}@media not (min-width:768px){[data-scope=landing] .hero-title{font-size:24px}}[data-scope=landing] .hero-analysis-card{width:100%;max-width:440px;background:var(--color-secondary);border-radius:var(--radius-xl);padding:24px 32px;color:#fff;box-shadow:0 20px 40px #0000001a;box-sizing:border-box}@media not (min-width:768px){[data-scope=landing] .hero-analysis-card{max-width:100%;padding:14px 16px}}[data-scope=landing] .hero-content-left{flex:1.2;max-width:700px}[data-scope=landing] .hero-content-right{flex:1;display:flex;flex-direction:column;align-items:flex-end;gap:20px}[data-scope=landing] .hero-divider{height:1px;background:#ffffff1a;margin:5px 0}[data-scope=landing] .hero-subtitle{font-size:14px;color:#64748b;line-height:1.6;max-width:500px}[data-scope=landing] .hero-login-btn{padding:18px 36px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-pill);font-weight:900;font-size:16px;cursor:pointer;transition:transform .2s}[data-scope=landing] .hero-login-btn:active{transform:scale(.98)}[data-scope=landing] .hero-re-btn{background:none;border:none;color:var(--color-text-muted);font-size:12px;font-weight:700;text-decoration:underline;cursor:pointer;padding:0}[data-scope=landing] .hero.type1 .hero-copy-block{display:flex;flex-direction:column;gap:14px}[data-scope=landing] .hero.type1 .hero-status-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}[data-scope=landing] .hero.type1 .hero-status-chip{font-size:12px;font-weight:900;padding:6px 16px;border-radius:var(--radius-pill);border:1.5px solid var(--pointColor, var(--color-primary));color:var(--pointColor, var(--color-primary));background:#fff}[data-scope=landing] .hero.type1 .hero-group-chip{font-size:12px;font-weight:800;padding:6px 16px;border-radius:var(--radius-pill);background:var(--color-bg-light);color:#64748b}[data-scope=landing] .hero.type1 .hero-copy-desc{font-size:14px;color:#64748b;line-height:1.6;max-width:560px}[data-scope=landing] .hero.type1 .hero-cta-primary{width:fit-content;padding:14px 28px;background:var(--pointColor, var(--color-primary));color:#fff;border:none;border-radius:var(--radius-pill);font-weight:900;font-size:15px;cursor:pointer}[data-scope=landing] .hero.type1 .hero-cta-secondary{width:fit-content;background:none;border:none;color:var(--color-text-muted);font-size:12px;font-weight:700;text-decoration:underline;cursor:pointer;padding:0}[data-scope=landing] .hero.type1 .panel{width:100%;max-width:440px}@media not (min-width:768px){[data-scope=landing] .hero.type1 .panel{max-width:100%}}[data-scope=landing] .hero.type1 .panel-title{font-size:11px;color:#94a3b8;font-weight:700;letter-spacing:.5px;margin-bottom:14px}[data-scope=landing] .hero.type1 .row{align-items:center}[data-scope=landing] .landing-sort-wrap{display:flex;align-items:center;gap:8px}[data-scope=landing] .landing-sort-btn{border-radius:var(--radius-pill);padding:5px 10px;font-size:11px;font-weight:700;transition:all .2s}[data-scope=landing] .landing-sort-btn.active{border:1px solid #0f172a;background:#0f172a;color:#fff}[data-scope=landing] .landing-sort-btn.inactive{border:1px solid #cbd5e1;background:#fff;color:#334155;cursor:pointer}[data-scope=landing] .landing-more-btn{border:none;background:transparent;cursor:pointer}[data-scope=landing] .landing-shared-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}[data-scope=landing] .landing-card-btn{border:1.5px solid #f1f5f9;border-radius:24px;background:#fff;padding:0;overflow:hidden;text-align:left;cursor:pointer;transition:transform .2s}[data-scope=landing] .landing-card-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}[data-scope=landing] .landing-card-img{width:100%;aspect-ratio:3 / 2;object-fit:cover;background:var(--color-bg-light)}[data-scope=landing] .landing-card-body{padding:16px}[data-scope=landing] .landing-card-meta{margin:0;font-size:11px;color:var(--color-text-muted);font-weight:800;letter-spacing:.02em}[data-scope=landing] .landing-card-title{display:block;margin-top:8px;color:var(--color-text-main);font-size:15px;font-weight:800;line-height:1.4;letter-spacing:-.02em}[data-scope=landing] .story-emoji{font-size:28px}