:root{--green: #3aa76d;--green-d: #2c8a58;--bg: #f6f8f5;--card: #ffffff;--ink: #1f2a24;--muted: #6b7a72;--line: #e3eae4}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic,Meiryo,sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}.app{max-width:560px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.header{padding:16px 20px;cursor:pointer}.logo{font-weight:700;font-size:1.05rem;color:var(--green-d)}.main{flex:1;padding:8px 20px 32px}.step{animation:fade .25s ease}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.intro h1{font-size:1.7rem;line-height:1.4;margin:24px 0 12px}.lead{color:var(--muted);margin-bottom:28px}h2{font-size:1.25rem;margin:6px 0 4px}.sub{color:var(--muted);margin:0 0 16px;font-size:.92rem}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.choice{background:var(--card);border:1.5px solid var(--line);border-radius:14px;padding:18px 14px;font-size:1rem;font-weight:600;color:var(--ink);cursor:pointer;transition:.15s;text-align:center;min-height:64px}.choice:hover{border-color:var(--green);transform:translateY(-1px)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 16px}.chip{background:#fff;border:1.5px solid var(--line);border-radius:999px;padding:8px 14px;font-size:.9rem;cursor:pointer;color:var(--ink)}.chip.on{background:var(--green);border-color:var(--green);color:#fff}.free-input{width:100%;padding:13px 14px;border:1.5px solid var(--line);border-radius:12px;font-size:1rem;margin-bottom:16px}.free-input:focus{outline:none;border-color:var(--green)}.btn-primary{width:100%;background:var(--green);color:#fff;border:none;border-radius:14px;padding:16px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:.15s;margin-top:8px}.btn-primary:hover{background:var(--green-d)}.progress{display:flex;gap:8px;margin:8px 0 18px}.dot{width:28px;height:5px;border-radius:999px;background:var(--line)}.dot.on{background:var(--green)}.link-back{background:none;border:none;color:var(--muted);cursor:pointer;margin-top:18px;font-size:.92rem;padding:6px 0}.result-head{margin-bottom:14px}.card{background:var(--card);border:1.5px solid var(--line);border-radius:16px;padding:18px;margin-bottom:16px;box-shadow:0 1px 6px #00000008}.card-title{font-size:1.15rem;margin:0 0 14px;color:var(--green-d);line-height:1.5}.card-row{display:flex;gap:10px;margin-bottom:12px}.card-emoji{font-size:1.1rem}.card-label{font-size:.78rem;color:var(--muted);font-weight:700}.card-row p{margin:2px 0 0}.card-foot{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.btn-yt,.btn-paper{display:inline-block;text-decoration:none;font-size:.9rem;font-weight:600;padding:9px 14px;border-radius:10px}.btn-yt{background:red;color:#fff}.btn-paper{background:#eef3ef;color:var(--green-d)}.empty{color:var(--muted);padding:20px 0}.legal{padding:8px 0 24px}.legal h2{margin-top:22px}.legal p{font-size:.92rem;color:#333}.muted{color:var(--muted);font-size:.85rem}.footer{border-top:1px solid var(--line);padding:18px 20px 28px;display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.link,a.link{background:none;border:none;color:var(--muted);cursor:pointer;font-size:.85rem;text-decoration:none}.link:hover{color:var(--green-d)}