:root{--ink:#2b2b2b;--muted:#6e6e6e;--line:#e2e2e2;--accent:#c74e2a;--bg:#fff;--card:#fff;--on-accent:#fff;--radius:10px;--radius-pill:999px}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans), "Hiragino Sans", "Yu Gothic", system-ui, sans-serif;margin:0;line-height:1.8}.wrap{max-width:560px;margin:0 auto;padding:40px 20px 80px}.progress{color:var(--muted);margin:0 0 24px;font-size:13px}.madeBy{color:var(--muted);border-left:3px solid var(--accent);margin:0 0 24px;padding-left:12px;font-size:13px;line-height:1.7}.says{align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.jikopiFace,.jikopiBig{mix-blend-mode:multiply}.jikopiFace{flex-shrink:0;margin-top:-4px}.jikopi{margin:0;font-size:18px;font-weight:700}.choicesLabel{color:var(--muted);margin:0 0 8px;font-size:13px}.choices{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.hint{color:var(--accent);min-height:22px;margin:8px 0 16px;font-size:13px;line-height:1.7}.quiet{color:var(--muted);margin:16px 0 0;font-size:13px;line-height:1.7}.chip{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--ink);cursor:pointer;text-align:left;padding:8px 16px;font-family:inherit;font-size:14px}.chip:hover{border-color:var(--accent);color:var(--accent)}textarea{border:1px solid var(--line);border-radius:var(--radius);resize:vertical;background:var(--card);width:100%;color:var(--ink);padding:16px;font-family:inherit;font-size:16px;line-height:1.7}textarea:focus{outline:2px solid var(--accent);border-color:#0000}.actions{align-items:center;gap:12px;margin-top:20px;display:flex}.primary{background:var(--accent);color:var(--on-accent);border-radius:var(--radius);cursor:pointer;border:none;padding:16px 24px;font-family:inherit;font-size:16px;font-weight:700}.primary:disabled{background:var(--line);color:var(--muted);cursor:not-allowed}.ghost{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:16px 4px;font-family:inherit;font-size:15px;text-decoration:underline}.result{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);white-space:pre-wrap;margin-bottom:24px;padding:24px;font-size:16px}.resultCount{color:var(--muted);text-align:right;margin:-20px 0 24px;font-size:13px}.afterActions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.error{color:#c0392b;font-size:14px}.legal h1{margin:0 0 24px;font-size:22px}.legal h2{margin:32px 0 8px;font-size:16px}.legal p,.legal li{font-size:15px}.legal ul{padding-left:1.2em}.legal li{margin-bottom:8px}.legalDate{color:var(--muted);margin-top:32px;font-size:13px}.siteFooter{text-align:center;padding:32px 20px 40px;font-size:13px}.siteFooter a{color:var(--muted)}.loading{text-align:center;padding:60px 0}.jikopiBig{margin-bottom:8px;animation:3.6s ease-in-out infinite float}@keyframes float{0%{transform:translate(0)rotate(0)}25%{transform:translate(7px,-7px)rotate(4deg)}50%{transform:translateY(-11px)rotate(0)}75%{transform:translate(-7px,-6px)rotate(-4deg)}to{transform:translate(0)rotate(0)}}.dots{justify-content:center;gap:8px;margin-bottom:28px;display:flex}.dots span{background:var(--accent);border-radius:50%;width:10px;height:10px;animation:1.2s ease-in-out infinite bounce}.dots span:nth-child(2){animation-delay:.15s}.dots span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,70%,to{opacity:.4;transform:translateY(0)}35%{opacity:1;transform:translateY(-8px)}}.loadingMessage{margin:0 0 28px;font-size:17px;font-weight:700;animation:.5s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.bar{background:var(--line);border-radius:var(--radius-pill);max-width:280px;height:6px;margin:0 auto 16px;overflow:hidden}.barFill{background:var(--accent);border-radius:var(--radius-pill);width:0;height:100%;animation:14s ease-out forwards fill}@keyframes fill{0%{width:0}to{width:96%}}.loadingNote{color:var(--muted);margin:0;font-size:13px}.feedback{border-top:1px solid var(--line);margin-top:48px;padding-top:24px}.feedbackTitle{margin:0 0 16px;font-size:15px;font-weight:700}.feedbackAsk{margin:0 0 8px;font-size:14px}.chipOn{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.chipOn:hover{color:var(--on-accent)}.feedbackActions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:16px;display:flex}.send{border:1px solid var(--accent);color:var(--accent);border-radius:var(--radius);cursor:pointer;background:0 0;padding:8px 24px;font-family:inherit;font-size:14px}.send:disabled{border-color:var(--line);color:var(--muted);cursor:not-allowed}.feedbackThanks{color:var(--accent);margin:0;font-size:15px;font-weight:700}.lp{padding-top:32px}.lpHead{text-align:center;margin-bottom:56px}.lpName{color:var(--accent);letter-spacing:.08em;margin:12px 0 0;font-size:15px;font-weight:700}.lp h1{margin:8px 0 16px;font-size:30px;line-height:1.5}.lpLead{margin:0 0 28px;font-size:16px}.cta{text-align:center;padding:16px 32px;text-decoration:none;display:inline-block}.lpNote{color:var(--muted);margin:16px 0 0;font-size:13px}.lpSection{margin-bottom:48px}.lp h2{border-left:3px solid var(--accent);margin:0 0 16px;padding-left:12px;font-size:18px}.lp p{margin:0 0 16px;font-size:15px}.lpSteps{counter-reset:step;margin:0;padding:0;list-style:none}.lpSteps li{counter-increment:step;margin-bottom:20px;padding-left:40px;position:relative}.lpSteps li:before{content:counter(step);background:var(--accent);width:24px;height:24px;color:var(--on-accent);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex;position:absolute;top:2px;left:0}.lpSteps strong{font-size:16px;display:block}.lpSteps span{color:var(--muted);font-size:14px}.lpList{margin:0 0 20px;padding:0;list-style:none}.lpList li{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:8px;padding:16px;font-size:15px}.lpCaution{color:var(--muted);border-left:3px solid var(--line);padding-left:12px;font-size:14px}.lpFoot{text-align:center}.article h1{margin:0 0 24px;font-size:24px;line-height:1.5}.article h2{margin:48px 0 16px;font-size:19px}.article h3{margin:32px 0 8px;font-size:16px}.article p{margin:0 0 24px;font-size:16px}.article ul,.article ol{margin:0 0 24px;padding-left:1.3em}.article li{margin-bottom:8px;font-size:16px}.article a:not(.primary){color:var(--accent)}.article blockquote{border-left:3px solid var(--line);color:var(--muted);margin:0 0 24px;padding:8px 0 8px 16px}.article blockquote p:last-child{margin-bottom:0}.article hr{border:0;border-top:1px solid var(--line);margin:48px 0}.articleImage{border-radius:var(--radius);max-width:100%;height:auto;margin:0 0 24px;display:block}.articleDate{color:var(--muted);margin:0 0 8px;font-size:13px}.articleLead{color:var(--muted);margin:0 0 8px;font-size:14px}.blogPromise{border-left:3px solid var(--accent);margin:24px 0;padding-left:12px}.blogPromise h2{margin:0 0 8px;font-size:16px}.blogPromise ol{margin:0;padding-left:20px;font-size:14px;line-height:1.8}.articleDraft{background:var(--accent);color:var(--on-accent);border-radius:var(--radius-pill);margin:0 0 24px;padding:8px 16px;font-size:13px;font-weight:700;display:inline-block}.articleList{margin:32px 0 0;padding:0;list-style:none}.articleList li{border-top:1px solid var(--line)}.articleList li:last-child{border-bottom:1px solid var(--line)}.articleList a{color:var(--ink);padding:20px 0;text-decoration:none;display:block}.articleListTitle{font-size:17px;font-weight:700;line-height:1.6;display:block}.articleListDate{color:var(--muted);margin-top:4px;font-size:13px;display:block}.articleListDesc{color:var(--muted);margin-top:8px;font-size:14px;display:block}.articleCta{text-align:center;border-top:1px solid var(--line);margin-top:48px;padding-top:32px}.articleCta .lpNote{color:var(--muted);font-size:14px}.articleShare{text-align:center;margin:20px 0 0}.articleBack{margin-top:32px;font-size:14px}.articleBack a{color:var(--muted)}.articleSignature{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);margin-top:48px;padding:20px 0;font-size:14px}.articleSignature p{margin:0 0 4px;font-size:14px}.articleSignature p:last-child{margin-bottom:0}.articleSignatureName{color:var(--ink);font-weight:700}.articleSignature{border-bottom:0}.siteHeader{justify-content:space-between;align-items:center;gap:16px;max-width:560px;margin:0 auto;padding:16px 20px 0;display:flex}.siteHeaderName{color:var(--ink);align-items:center;gap:8px;font-size:16px;font-weight:700;text-decoration:none;display:flex}.siteHeaderName img{mix-blend-mode:multiply}.siteHeaderLink{color:var(--muted);font-size:14px}.articleHero{border-radius:var(--radius);width:100%;height:auto;margin:0 0 32px;display:block}.articleListImage{aspect-ratio:1.91;object-fit:cover;border-radius:var(--radius);width:100%;height:auto;margin-bottom:12px}@media (min-width:768px){.lp{max-width:720px}.lp h1{font-size:36px}.lpSteps,.lpList{grid-template-columns:repeat(3,1fr);align-items:start;gap:16px;display:grid}.lpSteps li,.lpList li{margin-bottom:0}.siteHeader,.blogIndex{max-width:720px}.articleList a:has(.articleListImage){grid-template-columns:240px 1fr;column-gap:20px;display:grid}.articleList a:has(.articleListImage) .articleListImage{grid-row:1/span 3;margin-bottom:0}.articleList a:has(.articleListImage)>span{grid-column:2}}