:root{color:#18151f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff8f2;font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}html{scroll-behavior:smooth}body{margin:0}button,input,textarea{font:inherit}#root{min-height:100svh}:root{color:#1f2320;background:#f4f1ea}*{box-sizing:border-box}body{margin:0;font-family:Inter,Yu Gothic,Meiryo,sans-serif}.app-shell{color:#1f2320;background:#f4f1ea;min-height:100svh;padding:28px 0 52px}.hero,.controls,.metrics,.alert-grid,.split,.seo-section,.faq-section{width:min(1180px,100% - 32px);margin:0 auto}.hero{grid-template-columns:minmax(0,1fr) 390px;align-items:end;gap:18px;padding:14px 0 20px;display:grid}.eyebrow{color:#79502c;letter-spacing:0;text-transform:uppercase;margin:0;font-size:13px;font-weight:800}.hero h1{letter-spacing:0;margin:8px 0;font-size:clamp(38px,6vw,72px);line-height:1}.lead{color:#5c5a52;max-width:780px;font-size:18px;line-height:1.85}.hero-panel,.alert-card,.metrics article,.panel,.seo-grid article,.faq-grid article{background:#fff;border:1px solid #1f232021;border-radius:8px;box-shadow:0 18px 44px #2a241c14}.hero-panel{padding:20px}.hero-panel span,.metrics span,.card-top,small{color:#716b61;font-size:13px}.hero-panel strong{margin:8px 0;font-size:23px;line-height:1.35;display:block}.hero-panel p,.alert-card p,.panel p,.seo-grid p,.faq-grid p{color:#5c5a52;line-height:1.75}.controls{grid-template-columns:minmax(0,1fr) 190px;gap:10px;margin-bottom:14px;display:grid}.controls input,.controls select,.ugc-form input{min-height:46px;font:inherit;background:#fff;border:1px solid #1f23202e;border-radius:8px;padding:10px 12px}.metrics{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.metrics article{padding:16px}.metrics strong{font-size:32px;display:block}.alert-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.alert-card{gap:12px;padding:18px;display:grid}.card-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.card-top b{color:#fff;background:#1f2320;border-radius:50%;place-items:center;min-width:48px;height:48px;display:grid}.alert-card h2{margin:0;font-size:24px}.tag-row,.channel-row{flex-wrap:wrap;gap:7px;display:flex}.tag-row span{background:#efe4d4;border-radius:999px;padding:7px 10px;font-size:12px}.channel-row span{background:#fbfaf7;border:1px solid #1f232024;border-radius:8px;padding:8px 10px}.revenue{border-left:4px solid #79502c;padding-left:10px}button{color:#fff;cursor:pointer;background:#1f2320;border:0;border-radius:8px;min-height:42px;padding:10px 14px;font-weight:800}.split{grid-template-columns:1fr 1.15fr;gap:14px;margin-top:24px;display:grid}.panel{padding:18px}.panel article{border-top:1px solid #1f23201a;padding:12px 0}.ugc-form{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ugc-form input:nth-child(3),.ugc-form button{grid-column:1/-1}.post-list{gap:10px;margin-top:12px;display:grid}.post-list article,.empty{background:#f4f1ea;border-radius:8px;padding:12px}.seo-section,.faq-section{margin-top:24px}.seo-grid,.faq-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.seo-grid article,.faq-grid article{padding:16px}@media (width<=860px){.hero,.controls,.metrics,.alert-grid,.split,.seo-grid,.faq-grid,.ugc-form{grid-template-columns:1fr}.hero h1{font-size:40px}.lead{font-size:16px}}