:root{--color-canvas:#f4f6f7;--color-surface:#fff;--color-text-primary:#2c3e50;--color-text-secondary:#5d6d7e;--color-accent:#3498db;--color-accent-hover:#2980b9;--color-accent-subtle:rgba(52,152,219,.08);--color-border:#e5e8e8;--color-border-strong:#d5dbdb;--color-success:#27ae60;--color-success-subtle:rgba(39,174,96,.08);--color-warning:#e67e22;--color-warning-subtle:rgba(230,126,34,.08);--color-danger:#e74c3c;--color-danger-subtle:rgba(231,76,60,.08);--shadow-sm:0 1px 2px rgba(44,62,80,.04);--shadow-md:0 4px 6px -1px rgba(44,62,80,.05),0 2px 4px -1px rgba(44,62,80,.03);--shadow-lg:0 10px 15px -3px rgba(44,62,80,.06),0 4px 6px -2px rgba(44,62,80,.03);--shadow-card:0 2px 8px rgba(44,62,80,.06);--font-main:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Hiragino Sans","Hiragino Kaku Gothic ProN",sans-serif;--font-display:"Yu Gothic","YuGothic","Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-main);background:var(--color-canvas);line-height:1.65;font-size:16px;font-weight:400;min-height:100vh}body,h1,h2,h3,h4,h5,h6{color:var(--color-text-primary)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.35;letter-spacing:-.01em}p{color:var(--color-text-secondary)}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none}button,input,textarea{font-family:inherit}strong{color:var(--color-accent);font-weight:600}.container{max-width:1100px;margin:0 auto;padding:0 var(--space-lg)}.bg-pattern{display:none}.app-header{position:fixed;top:0;left:0;right:0;z-index:100;padding:var(--space-md) 0;background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.app-header .header-inner{max-width:1100px;margin:0 auto;padding:0 var(--space-lg);display:flex;justify-content:space-between;align-items:center}.header-actions{display:flex;gap:var(--space-sm)}.logo{gap:10px;font-weight:600;font-size:18px;color:var(--color-text-primary)}.logo,.logo-icon{display:flex;align-items:center}.logo-icon{width:32px;height:32px;background:var(--color-accent);border-radius:var(--radius-sm);justify-content:center}.logo-icon svg{width:18px;height:18px;fill:var(--color-surface)}.btn-icon{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:background .2s,color .2s}.btn-icon:hover{background:var(--color-canvas);color:var(--color-text-primary)}.btn-icon svg{width:20px;height:20px}.nav-link{color:var(--color-text-secondary);font-size:14px;font-weight:500;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);transition:color .2s,background .2s}.nav-link:hover{color:var(--color-text-primary);background:var(--color-canvas)}.digest-container{max-width:760px;margin:0 auto;padding:100px var(--space-lg) var(--space-3xl)}.digest-header-main{margin-bottom:var(--space-xl)}.digest-title-row{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.digest-title-row h1{font-family:var(--font-display);font-size:26px;font-weight:700;color:var(--color-text-primary)}.digest-date-badge{font-size:14px;color:var(--color-text-secondary);font-weight:500}.demo-badge{display:inline-block;font-size:10px;font-weight:600;padding:3px 8px;background:var(--color-warning-subtle);color:var(--color-warning);border-radius:4px;margin-left:var(--space-sm);text-transform:uppercase;letter-spacing:.03em}.digest-subtitle{color:var(--color-text-secondary);font-size:15px;margin-top:var(--space-sm);line-height:1.6}.digest-stats{display:flex;gap:var(--space-md);margin-bottom:var(--space-xl);flex-wrap:wrap}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg) var(--space-xl);text-align:center;flex:1 1;min-width:100px;box-shadow:var(--shadow-card)}.stat-value{display:block;font-size:32px;font-weight:600;color:var(--color-accent);line-height:1.2}.stat-label{display:block;font-size:12px;color:var(--color-text-secondary);margin-top:var(--space-xs);font-weight:500;text-transform:uppercase;letter-spacing:.04em}.trend-list{display:flex;flex-direction:column;gap:var(--space-md)}.trend-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;box-shadow:var(--shadow-card)}.trend-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--color-border-strong)}.trend-card-inner{display:flex;gap:var(--space-lg)}.trend-thumbnail{width:80px;height:100px;background:linear-gradient(145deg,#e8eaed,#d5dbdd);border-radius:var(--radius-md);flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);position:relative}.trend-thumbnail img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md)}.trend-rank{position:absolute;top:-8px;left:-8px;width:26px;height:26px;background:var(--color-accent);color:var(--color-surface);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;box-shadow:var(--shadow-md)}.trend-thumbnail svg{width:24px;height:24px;stroke:var(--color-text-secondary);opacity:.5}.trend-content{flex:1 1;min-width:0}.trend-meta{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm);flex-wrap:wrap}.trend-badge{display:inline-block;font-size:11px;font-weight:600;padding:5px 10px;border-radius:5px;text-transform:uppercase;letter-spacing:.03em}.trend-badge.early{background:var(--color-success-subtle);color:var(--color-success)}.trend-badge.scaling{background:var(--color-accent-subtle);color:var(--color-accent)}.trend-badge.saturated{background:rgba(93,109,126,.1);color:var(--color-text-secondary)}.trend-creator{font-size:13px;color:var(--color-text-secondary);font-weight:500}.trend-title{font-size:15px;font-weight:500;color:var(--color-text-primary);margin-bottom:var(--space-sm);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.trend-insight{font-size:14px;color:var(--color-text-secondary);margin-bottom:var(--space-md);line-height:1.6}.trend-stats{display:flex;gap:var(--space-lg);flex-wrap:wrap}.trend-stat{display:flex;align-items:center;gap:5px;font-size:13px;color:var(--color-text-secondary);font-weight:500}.trend-stat svg{width:14px;height:14px;opacity:.7}.detail-container{max-width:680px;margin:0 auto;padding:100px var(--space-lg) var(--space-3xl)}.back-btn{display:inline-flex;align-items:center;gap:var(--space-sm);color:var(--color-text-secondary);font-size:14px;font-weight:500;margin-bottom:var(--space-xl);transition:color .2s}.back-btn:hover{color:var(--color-text-primary)}.back-btn svg{width:16px;height:16px}.detail-header{display:flex;gap:var(--space-xl);margin-bottom:var(--space-xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--color-border)}.detail-thumbnail{width:120px;height:160px;background:linear-gradient(145deg,#e8eaed,#d5dbdd);border-radius:var(--radius-lg);flex-shrink:0;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.detail-thumbnail img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-lg)}.detail-thumbnail svg{width:32px;height:32px;stroke:var(--color-text-secondary);opacity:.4}.detail-info{flex:1 1}.detail-badge{display:inline-block;font-size:12px;font-weight:600;padding:6px 14px;border-radius:6px;margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.03em}.detail-badge.early{background:var(--color-success-subtle);color:var(--color-success)}.detail-badge.scaling{background:var(--color-accent-subtle);color:var(--color-accent)}.detail-badge.saturated{background:rgba(93,109,126,.1);color:var(--color-text-secondary)}.detail-creator{font-size:14px;color:var(--color-text-secondary);margin-bottom:var(--space-sm);font-weight:500}.detail-title{font-size:17px;font-weight:500;color:var(--color-text-primary);line-height:1.55;margin-bottom:var(--space-md)}.detail-link{display:inline-flex;align-items:center;gap:6px;color:var(--color-accent);font-size:14px;font-weight:500;transition:opacity .2s}.detail-link:hover{opacity:.8}.detail-link svg{width:14px;height:14px}.demo-notice{font-size:12px;color:var(--color-text-secondary);margin-top:var(--space-sm);font-style:italic;opacity:.8}.detail-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-md);box-shadow:var(--shadow-card)}.detail-section h2{font-size:15px;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm);text-transform:uppercase;letter-spacing:.03em}.detail-section h2 .icon{font-size:18px}.why-trending{font-size:15px;color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-lg)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));grid-gap:var(--space-md);gap:var(--space-md)}.metric-item{background:var(--color-canvas);border-radius:var(--radius-md);padding:var(--space-lg);text-align:center}.metric-label{display:block;font-size:11px;color:var(--color-text-secondary);margin-bottom:var(--space-xs);font-weight:500;text-transform:uppercase;letter-spacing:.04em}.metric-value{display:block;font-size:20px;font-weight:600;color:var(--color-text-primary)}.metric-value.positive{color:var(--color-accent)}.pattern-list{flex-direction:column}.pattern-item,.pattern-list{display:flex;gap:var(--space-md)}.pattern-item{align-items:center;padding:var(--space-lg);background:var(--color-canvas);border-radius:var(--radius-md)}.pattern-icon{font-size:22px}.pattern-content{flex:1 1}.pattern-label{display:block;font-size:11px;color:var(--color-text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.04em}.pattern-value{display:block;font-size:15px;font-weight:500;color:var(--color-text-primary);margin-top:2px}.action-list{flex-direction:column}.action-item,.action-list{display:flex;gap:var(--space-md)}.action-item{padding:var(--space-lg);background:var(--color-canvas);border-radius:var(--radius-md)}.action-number{width:26px;height:26px;background:var(--color-accent);color:var(--color-surface);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0}.action-text{font-size:14px;line-height:1.6;color:var(--color-text-secondary)}.feedback-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;box-shadow:var(--shadow-card)}.feedback-section h3{font-size:15px;font-weight:500;color:var(--color-text-primary);margin-bottom:var(--space-lg)}.feedback-buttons{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}.feedback-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-xl);background:var(--color-canvas);border:2px solid transparent;border-radius:var(--radius-md);transition:all .2s}.feedback-btn:hover{background:var(--color-surface);border-color:var(--color-border)}.feedback-btn.selected{background:var(--color-accent-subtle);border-color:var(--color-accent)}.feedback-btn .emoji{font-size:26px}.feedback-btn .label{font-size:12px;color:var(--color-text-secondary);font-weight:500}.feedback-thanks{color:var(--color-accent);font-size:14px;margin-top:var(--space-md);font-weight:500}.digest-footer{margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border);text-align:center}.digest-footer p{font-size:14px;color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.btn-text{color:var(--color-accent);font-size:14px;font-weight:500}.btn-text:hover{text-decoration:underline}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:14px 28px;background:var(--color-accent);color:var(--color-surface);border-radius:var(--radius-md);font-weight:600;font-size:15px;transition:transform .2s,box-shadow .2s,background .2s}.btn-primary:hover{background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-primary svg{width:18px;height:18px}.btn-secondary{padding:12px 24px;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary);border-radius:var(--radius-md);font-size:14px;font-weight:500;transition:background .2s,border-color .2s}.btn-secondary:hover{background:var(--color-canvas);border-color:var(--color-border-strong)}.btn-danger{padding:12px 24px;background:var(--color-danger-subtle);border:1px solid rgba(231,76,60,.2);color:var(--color-danger);border-radius:var(--radius-md);font-size:14px;font-weight:500;transition:background .2s}.btn-danger:hover{background:rgba(231,76,60,.15)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl) var(--space-lg);gap:var(--space-md)}.loading-spinner{width:36px;height:36px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.loading p{font-size:14px}.empty-state,.loading p{color:var(--color-text-secondary)}.empty-state{text-align:center;padding:var(--space-3xl) var(--space-lg)}.empty-state .icon{font-size:48px;margin-bottom:var(--space-md);opacity:.5}.header{position:fixed;top:0;left:0;right:0;z-index:100;padding:var(--space-md) 0;background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.header-inner{display:flex;justify-content:space-between;align-items:center}.nav-cta{background:var(--color-accent);color:var(--color-surface);padding:10px 22px;border-radius:var(--radius-md);font-weight:600;font-size:14px;white-space:nowrap;transition:transform .2s,box-shadow .2s,background .2s}.nav-cta:hover{background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.hero{padding:160px 0 100px;text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);padding:var(--space-sm) var(--space-md);border-radius:100px;font-size:13px;color:var(--color-text-secondary);margin-bottom:var(--space-xl);box-shadow:var(--shadow-sm)}.hero-badge-dot{width:8px;height:8px;background:var(--color-success);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero h1{font-family:var(--font-display);font-size:clamp(30px,5vw,46px);font-weight:700;line-height:1.35;margin-bottom:var(--space-lg);letter-spacing:0;color:var(--color-text-primary)}.hero h1 .highlight{color:var(--color-accent)}.hero-sub{font-size:18px;color:var(--color-text-secondary);max-width:560px;margin:0 auto var(--space-xl);line-height:1.7}.hero-cta{display:inline-flex;align-items:center;gap:var(--space-sm);background:var(--color-accent);color:var(--color-surface);padding:16px 32px;border-radius:var(--radius-md);font-weight:600;font-size:16px;white-space:nowrap;transition:transform .2s,box-shadow .2s,background .2s}.hero-cta svg{width:18px;height:18px;flex-shrink:0}.hero-cta:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.hero-note{margin-top:var(--space-md);font-size:13px;color:var(--color-text-secondary)}.how-it-works,.principle,.problems,.solution{padding:var(--space-3xl) 0}.section-label{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--color-accent);margin-bottom:var(--space-md);text-transform:uppercase}.section-title{font-family:var(--font-display);font-size:clamp(22px,4vw,30px);font-weight:700;margin-bottom:var(--space-2xl);line-height:1.4;color:var(--color-text-primary)}.problem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--space-lg);gap:var(--space-lg)}.problem-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-card)}.problem-icon{width:48px;height:48px;background:var(--color-warning-subtle);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-lg)}.problem-icon svg{width:24px;height:24px;stroke:var(--color-warning)}.problem-card h3{font-size:18px;font-weight:600;margin-bottom:var(--space-md);color:var(--color-text-primary)}.problem-card p{color:var(--color-text-secondary);font-size:15px;line-height:1.65}.solution-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-2xl);gap:var(--space-2xl);align-items:center}@media (max-width:768px){.solution-content{grid-template-columns:1fr}}.solution-text h2{font-family:var(--font-display);font-size:clamp(22px,4vw,28px);font-weight:700;margin-bottom:var(--space-lg);line-height:1.4;color:var(--color-text-primary)}.solution-text>p{color:var(--color-text-secondary);font-size:15px;margin-bottom:var(--space-xl);line-height:1.7}.solution-features{list-style:none;display:flex;flex-direction:column;gap:var(--space-md)}.solution-features li{display:flex;align-items:flex-start;gap:var(--space-md);font-size:15px;color:var(--color-text-secondary);line-height:1.6}.solution-features li svg{width:18px;height:18px;flex-shrink:0;margin-top:3px;stroke:var(--color-accent)}.solution-preview{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-card)}.digest-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.digest-title{font-weight:600;font-size:14px;color:var(--color-text-primary)}.digest-date{font-size:13px;color:var(--color-text-secondary)}.trend-item-preview{display:flex;gap:var(--space-md);padding:var(--space-md);background:var(--color-canvas);border-radius:var(--radius-md);margin-bottom:var(--space-md)}.trend-item-preview:last-child{margin-bottom:0}.trend-thumbnail-preview{width:56px;height:72px;background:linear-gradient(145deg,#e8eaed,#d5dbdd);border-radius:var(--radius-sm);flex-shrink:0;display:flex;align-items:center;justify-content:center}.trend-thumbnail-preview svg{width:20px;height:20px;stroke:var(--color-text-secondary);opacity:.5}.trend-info-preview{flex:1 1;min-width:0}.trend-desc{font-size:13px;color:var(--color-text-secondary);line-height:1.55;margin-top:var(--space-sm)}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:var(--space-xl);gap:var(--space-xl);margin-top:var(--space-xl)}.step{text-align:center}.step-number{width:44px;height:44px;background:var(--color-surface);border:2px solid var(--color-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;color:var(--color-accent);margin:0 auto var(--space-lg)}.step h3{font-size:17px;font-weight:600;margin-bottom:var(--space-sm);color:var(--color-text-primary)}.step p{color:var(--color-text-secondary);font-size:14px;line-height:1.6}.principle-box{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-2xl) var(--space-xl);text-align:center;position:relative;box-shadow:var(--shadow-card)}.principle-box:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:120px;height:3px;background:var(--color-accent);border-radius:0 0 3px 3px}.principle-quote{font-family:var(--font-display);font-size:clamp(20px,4vw,28px);font-weight:700;margin-bottom:var(--space-lg);line-height:1.5;color:var(--color-text-primary)}.principle-quote .jp{color:var(--color-accent)}.principle-desc{font-size:15px;max-width:480px;margin:0 auto;line-height:1.7}.cta-divider,.principle-desc{color:var(--color-text-secondary)}.cta-divider{display:flex;align-items:center;gap:var(--space-md);margin:var(--space-xl) auto;max-width:300px;font-size:13px}.cta-divider:after,.cta-divider:before{content:"";flex:1 1;height:1px;background:var(--color-border)}.cta-secondary{color:var(--color-text-secondary);font-size:14px;text-decoration:underline;text-underline-offset:3px;transition:color .2s}.cta-secondary:hover{color:var(--color-text-primary)}.cta-section{padding:var(--space-3xl) 0;text-align:center}.cta-section h2{font-family:var(--font-display);font-size:clamp(22px,4vw,28px);font-weight:700;margin-bottom:var(--space-md);color:var(--color-text-primary)}.cta-section>p{color:var(--color-text-secondary);margin-bottom:var(--space-xl);font-size:16px}.cta-form{display:flex;gap:var(--space-md);max-width:480px;margin:0 auto;flex-wrap:wrap;justify-content:center}.cta-input{flex:1 1;min-width:240px;padding:16px 20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:16px;transition:border-color .2s,box-shadow .2s}.cta-input::placeholder{color:var(--color-text-secondary)}.cta-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.cta-button{display:inline-flex;align-items:center;gap:var(--space-sm);padding:16px 28px;background:var(--color-accent);color:var(--color-surface);border-radius:var(--radius-md);font-weight:600;font-size:16px;white-space:nowrap;transition:transform .2s,box-shadow .2s,background .2s}.cta-button:hover:not(:disabled){background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.cta-button:disabled{opacity:.6;cursor:not-allowed}.cta-note{font-size:13px;color:var(--color-text-secondary)}.cta-note,.form-message{margin-top:var(--space-md)}.form-message{font-size:14px;min-height:20px;font-weight:500}.form-message.success{color:var(--color-success)}.form-message.error{color:var(--color-danger)}.footer{padding:var(--space-2xl) 0;border-top:1px solid var(--color-border);text-align:center}.footer-content{flex-direction:column;gap:var(--space-md)}.footer-content,.footer-logo{display:flex;align-items:center}.footer-logo{gap:var(--space-sm);font-weight:600;font-size:16px;color:var(--color-text-primary)}.footer-links{display:flex;gap:var(--space-lg)}.footer-links a{color:var(--color-text-secondary);font-size:14px;transition:color .2s}.footer-links a:hover{color:var(--color-text-primary)}.footer-copy{color:var(--color-text-secondary);font-size:13px}.guide-container{max-width:760px;margin:0 auto;padding:100px var(--space-lg) var(--space-3xl)}.guide-breadcrumb{display:flex;align-items:center;gap:var(--space-sm);font-size:13px;color:var(--color-text-secondary);margin-bottom:var(--space-xl)}.guide-breadcrumb a{color:var(--color-accent);font-weight:500}.guide-hero{margin-bottom:var(--space-2xl)}.guide-hero h1{font-family:var(--font-display);font-size:clamp(26px,5vw,34px);font-weight:700;margin-bottom:var(--space-md);line-height:1.4;color:var(--color-text-primary)}.guide-hero-sub{font-size:16px;color:var(--color-text-secondary);line-height:1.7}.guide-section{margin-bottom:var(--space-2xl)}.guide-section-title{display:flex;align-items:center;gap:var(--space-md);font-family:var(--font-display);font-size:18px;font-weight:700;margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}.guide-section-icon{font-size:24px}.category-overview{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-md);gap:var(--space-md)}.category-card-mini{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-xl) var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;transition:transform .2s,box-shadow .2s;cursor:pointer;box-shadow:var(--shadow-card)}.category-card-mini:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.category-badge-large{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:14px;font-weight:600}.category-subtitle{font-size:13px;color:var(--color-text-secondary);line-height:1.5}.category-detail{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-xl);scroll-margin-top:100px;box-shadow:var(--shadow-card)}.category-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:2px solid}.category-title-en{font-size:14px;color:var(--color-text-secondary);font-weight:500}.category-description{font-size:15px;line-height:1.7;color:var(--color-text-secondary)}.category-criteria,.category-description{margin-bottom:var(--space-xl)}.category-criteria h4{font-size:12px;font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.05em}.category-criteria ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-sm)}.category-criteria li{display:flex;align-items:flex-start;gap:var(--space-sm);font-size:14px;color:var(--color-text-secondary)}.check-icon{font-weight:700;flex-shrink:0;color:var(--color-accent)}.category-action{border-left:4px solid;border-radius:0 var(--radius-md) var(--radius-md) 0;padding:var(--space-lg);background:var(--color-canvas)}.action-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap}.action-urgency{display:inline-block;padding:4px 12px;border-radius:4px;font-size:11px;font-weight:600;color:var(--color-surface);text-transform:uppercase;letter-spacing:.03em}.action-timeline{font-size:13px;color:var(--color-text-secondary)}.category-action p{font-size:14px;line-height:1.65;color:var(--color-text-secondary)}.tips-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-md);gap:var(--space-md)}.tip-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);position:relative;box-shadow:var(--shadow-card)}.tip-number{position:absolute;top:-12px;left:20px;width:28px;height:28px;background:var(--color-accent);color:var(--color-surface);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.tip-card h4{font-size:16px;font-weight:600;margin-bottom:var(--space-md);margin-top:var(--space-xs);color:var(--color-text-primary)}.tip-card p{font-size:14px;color:var(--color-text-secondary);line-height:1.65}.guide-cta{text-align:center;padding:var(--space-2xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);margin-top:var(--space-2xl);box-shadow:var(--shadow-card)}.guide-cta h2{font-family:var(--font-display);font-size:22px;font-weight:700;margin-bottom:var(--space-md);color:var(--color-text-primary)}.guide-cta p{font-size:15px;color:var(--color-text-secondary);margin-bottom:var(--space-xl)}.velocity-explanation{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-card)}.velocity-intro{font-size:15px;line-height:1.75;color:var(--color-text-secondary);margin-bottom:var(--space-xl)}.velocity-formula{display:flex;justify-content:center;margin-bottom:var(--space-xl)}.formula-box{display:inline-flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg) var(--space-xl);background:var(--color-canvas);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.formula-label{font-size:16px;font-weight:600;color:var(--color-accent)}.formula-equals{font-size:18px;color:var(--color-text-secondary);font-weight:300}.formula-fraction{display:flex;flex-direction:column;align-items:center;gap:2px}.formula-numerator{font-size:14px;font-weight:500;color:var(--color-text-primary);padding-bottom:var(--space-sm);border-bottom:2px solid var(--color-text-secondary)}.formula-denominator{font-size:14px;color:var(--color-text-secondary);padding-top:2px}.velocity-note{background:var(--color-accent-subtle);border-left:4px solid var(--color-accent);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:var(--space-lg);margin-bottom:var(--space-xl)}.velocity-note h4{font-size:15px;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-md)}.velocity-note p{font-size:14px;line-height:1.7;color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.velocity-note p:last-child{margin-bottom:0}.velocity-examples{margin-top:var(--space-lg)}.velocity-examples h4{font-size:13px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md)}.examples-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-md);gap:var(--space-md);margin-bottom:var(--space-lg)}@media (max-width:640px){.examples-grid{grid-template-columns:1fr}.formula-box{flex-direction:column;gap:var(--space-md);padding:var(--space-lg)}}.example-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-lg);background:var(--color-canvas);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center}.example-followers{font-size:14px;font-weight:600;color:var(--color-text-primary)}.example-baseline{font-size:20px;font-weight:600;color:var(--color-accent)}.example-meaning{font-size:12px}.example-meaning,.examples-note{color:var(--color-text-secondary)}.examples-note{font-size:14px;text-align:center;line-height:1.7;padding:var(--space-md);background:var(--color-canvas);border-radius:var(--radius-md)}.settings-container{max-width:600px;margin:0 auto;padding:100px var(--space-lg) var(--space-3xl)}.settings-section{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-md);box-shadow:var(--shadow-card)}.settings-section,.toast{background:var(--color-surface)}.toast{position:fixed;bottom:var(--space-lg);left:50%;transform:translateX(-50%) translateY(100px);padding:var(--space-md) var(--space-xl);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;opacity:0;transition:all .3s ease;z-index:1000;box-shadow:var(--shadow-lg)}.toast.show{transform:translateX(-50%) translateY(0);opacity:1}.toast.success{border-color:var(--color-success)}.toast.error{border-color:var(--color-danger)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp .5s ease-out forwards;opacity:0}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}@media (max-width:768px){.detail-container,.digest-container,.guide-container{padding-left:var(--space-md);padding-right:var(--space-md)}.trend-card{padding:var(--space-lg)}.trend-card-inner{flex-direction:column}.trend-thumbnail{width:100%;height:120px}.detail-header{align-items:center;text-align:center}.detail-header,.digest-stats{flex-direction:column}.category-overview,.tips-grid{grid-template-columns:1fr}.cta-form{flex-direction:column}.cta-input{min-width:100%}}