:root{--blue: #0077b6;--blue-dark: #005a8c;--gold: #ffc107;--gold-dark: #e6ac00;--ink: #1a2b3c;--muted: #5c6b7a;--bg: #f4f8fb;--card: #ffffff;--border: #d8e4ee;--radius: 12px;--shadow: 0 8px 28px rgba(0, 60, 100, .08);font-family:DM Sans,system-ui,sans-serif;color:var(--ink);line-height:1.5}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg)}#root{min-height:100vh}.app{max-width:640px;margin:0 auto;padding:1rem 1.25rem 2.5rem;min-height:100vh;display:flex;flex-direction:column}.app-header{text-align:center;padding:.5rem 0 1.25rem}.logo{display:inline-flex;align-items:baseline;gap:0;text-decoration:none;font-weight:800;font-size:1.35rem;letter-spacing:-.02em}.logo__biz{color:var(--blue)}.logo__num{color:var(--gold-dark)}.app-header__tag{margin:.35rem 0 0;font-size:.9rem;color:var(--muted);font-weight:600}.app-main{flex:1}.app-footer{text-align:center;font-size:.875rem;padding-top:2rem;color:var(--muted)}.app-footer a{color:var(--blue);font-weight:600}.banner{padding:.75rem 1rem;border-radius:var(--radius);font-size:.9rem;margin-bottom:1rem}.banner--warn{background:#fff8e6;border:1px solid var(--gold);color:#6b5200}.intro h1{font-size:clamp(1.5rem,5vw,1.85rem);line-height:1.2;margin:0 0 .75rem;color:var(--ink)}.intro__lead{font-size:1.05rem;color:var(--muted);margin:0 0 .5rem}.intro__seo{font-size:.9rem;color:var(--muted);margin:0 0 1.25rem;line-height:1.45}.intro__loading{margin:0 0 1rem;font-size:.95rem;color:var(--muted)}.intro__actions{display:flex;flex-direction:column;gap:.75rem;margin-top:.25rem}.intro-faq{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.intro-faq__title{margin:0 0 .85rem;font-size:1.05rem;color:var(--ink)}.intro-faq__list{display:flex;flex-direction:column;gap:.5rem}.intro-faq__item{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.intro-faq__question{padding:.75rem 1rem;font-weight:700;font-size:.92rem;cursor:pointer;list-style:none;line-height:1.35}.intro-faq__question::-webkit-details-marker{display:none}.intro-faq__question:after{content:"+";float:right;font-weight:800;color:var(--blue)}.intro-faq__item[open] .intro-faq__question:after{content:"−"}.intro-faq__answer{margin:0;padding:0 1rem .85rem;font-size:.88rem;color:var(--muted);line-height:1.45}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.65rem 1.25rem;border-radius:999px;font-family:inherit;font-size:1rem;font-weight:700;cursor:pointer;border:2px solid transparent;transition:background .15s,transform .1s}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--blue);color:#fff;border-color:var(--blue)}.btn--primary:not(:disabled):hover{background:var(--blue-dark)}.btn--secondary{background:var(--gold);color:var(--ink);border-color:var(--gold-dark)}.btn--secondary:not(:disabled):hover{background:var(--gold-dark)}.btn--ghost{background:transparent;color:var(--blue);border-color:var(--border)}.progress{margin-bottom:1.5rem}.progress__meta{display:flex;justify-content:space-between;font-size:.8rem;font-weight:600;color:var(--muted);margin-bottom:.4rem}.progress__track{height:8px;background:var(--border);border-radius:999px;overflow:hidden}.progress__fill{height:100%;background:linear-gradient(90deg,var(--blue),#00a8e8);border-radius:999px;transition:width .25s ease}.question__title{font-size:1.2rem;margin:0 0 .35rem;line-height:1.35}.question__hint{font-size:.85rem;color:var(--muted);margin:0 0 1rem}.question__options{display:flex;flex-direction:column;gap:.5rem}.option{text-align:left;padding:.85rem 1rem;border:2px solid var(--border);border-radius:var(--radius);background:var(--card);font-family:inherit;font-size:.95rem;font-weight:600;color:var(--ink);cursor:pointer;transition:border-color .15s,background .15s}.option:hover{border-color:var(--blue)}.option--on{border-color:var(--blue);background:#e8f4fc;box-shadow:inset 0 0 0 1px var(--blue)}.quiz__nav{display:flex;gap:.75rem;margin-top:1.5rem}.quiz__nav .btn{flex:1}.results__title{font-size:1.4rem;margin:0 0 .35rem}.results__lead{color:var(--muted);margin:0 0 1.25rem;font-size:.95rem}.results__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.idea-card{background:var(--card);border-radius:var(--radius);padding:1.1rem 1.15rem;box-shadow:var(--shadow);border:1px solid var(--border)}.idea-card__head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.idea-card__name{margin:0;font-size:1.1rem;flex:1;min-width:0}.idea-card__match{font-size:.75rem;font-weight:800;background:var(--gold);color:var(--ink);padding:.25rem .55rem;border-radius:999px;white-space:nowrap}.idea-card__desc{margin:0 0 .85rem;font-size:.92rem;color:var(--muted)}.idea-card__meta{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1rem;margin:0 0 .85rem;font-size:.8rem}.idea-card__meta dt{font-weight:700;color:var(--muted);margin:0}.idea-card__meta dd{margin:.1rem 0 0;font-weight:600}.idea-card__link{font-weight:700;color:var(--blue);text-decoration:none;font-size:.9rem}.idea-card__link:hover{text-decoration:underline}.idea-share{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.idea-share__title{margin:0 0 .35rem;font-size:.95rem;font-weight:800;color:var(--ink)}.idea-share__intro{margin:0 0 .85rem;font-size:.8rem;color:var(--muted);line-height:1.45}.idea-share__caption-block{margin-bottom:.85rem}.idea-share__caption-label{display:block;margin:0 0 .35rem;font-size:.8rem;font-weight:700;color:var(--ink)}.idea-share__caption{display:block;width:100%;margin:0 0 .35rem;padding:.55rem .65rem;font-family:inherit;font-size:.78rem;line-height:1.45;color:var(--ink);background:var(--bg);border:1px solid var(--border);border-radius:8px;resize:vertical;min-height:5.5rem}.idea-share__caption:focus{outline:2px solid var(--blue);outline-offset:1px}.idea-share__caption-help{margin:0 0 .5rem;font-size:.72rem;color:var(--muted);line-height:1.35}.idea-share__copy-btn{width:100%}.idea-share__how-label{margin:0 0 .45rem;font-size:.8rem;font-weight:700;color:var(--ink)}.idea-share__buttons{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;margin-bottom:.65rem}.idea-share__platform-notes{margin:0 0 .65rem;padding-left:1.1rem;font-size:.76rem;color:var(--muted);line-height:1.45}.idea-share__platform-notes li+li{margin-top:.35rem}.idea-share__status{margin:0 0 .5rem;padding:.5rem .65rem;font-size:.8rem;font-weight:600;color:var(--ink);background:#e8f4fc;border:1px solid #b8d9ee;border-radius:8px;line-height:1.4}.idea-share__steps{margin:0 0 .65rem;padding-left:1.25rem;font-size:.78rem;color:var(--ink);line-height:1.45}.idea-share__steps li+li{margin-top:.3rem}.idea-share__actions{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.45rem}.idea-share__hint{margin:0;font-size:.72rem;color:var(--muted);line-height:1.4}.btn--compact{min-height:38px;padding:.45rem .75rem;font-size:.85rem}.results__actions{display:flex;flex-direction:column;gap:.65rem;margin-top:1.5rem}.results__extra{margin-top:1rem}.results__extra .btn{width:100%}.share-block{margin-top:1.5rem;padding:1rem 1.1rem;background:#fff;border:1px solid var(--border);border-radius:var(--radius)}.share-block__title{margin:0 0 .35rem;font-size:1.05rem}.share-block__hint{margin:0 0 .85rem;font-size:.85rem;color:var(--muted);line-height:1.45}.share-block__buttons{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.75rem}.share-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:.5rem .65rem;border-radius:8px;font-size:.85rem;font-weight:700;text-decoration:none;color:#fff;border:none}.share-btn--x{background:#0f1419}.share-btn--fb{background:#1877f2}.share-btn--in{background:#0a66c2}.share-btn--wa{background:#25d366;color:#0a2e14}.share-block__actions{display:flex;flex-direction:column;gap:.5rem}.share-block__actions .btn{width:100%}.tool-guides{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--border)}.tool-guides h2{font-size:1.1rem;margin:0 0 .5rem}.tool-guides p{margin:0;font-size:.95rem;color:var(--muted)}.tool-guides a{color:var(--blue)}@media (min-width: 480px){.intro__actions{flex-direction:row}.intro__actions .btn{flex:1}}