@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;800;900&family=Zen+Old+Mincho:wght@700;900&display=swap";
:root{--ink:#20201d;--muted:#77766f;--paper:#f7f3ea;--card:#fffdf8;--red:#d64a33;--red-dark:#b93627;--line:#ded8cc;--green:#2e7667}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink)}body{background:radial-gradient(circle at 20% 12%,#e2c6842e,#0000 25rem),linear-gradient(#3c322409 1px,#0000 1px) 0 0/100% 4px;min-height:100vh;margin:0;font-family:Noto Sans JP,system-ui,sans-serif}button,textarea{font:inherit}button{cursor:pointer}.site-header{border-bottom:1px solid #3e372b1f;justify-content:space-between;align-items:center;max-width:1160px;height:76px;margin:auto;padding:0 28px;display:flex}.brand{color:var(--ink);letter-spacing:.08em;align-items:center;gap:11px;font-weight:900;text-decoration:none;display:flex}.brand-mark{color:#fff;background:var(--red);border-radius:50% 46% 48% 42%;place-items:center;width:34px;height:34px;font-family:Zen Old Mincho,serif;display:grid;transform:rotate(-5deg)}.account{align-items:center;gap:18px;font-size:13px;display:flex}.login-button,.generate-button{color:#fff;background:var(--red);box-shadow:0 3px 0 var(--red-dark);border:0;border-radius:4px;font-weight:700}.login-button{padding:10px 17px}.text-button{border:0;border-bottom:1px solid var(--ink);color:var(--ink);background:0 0;padding:3px 0;font-size:13px}.demo-badge{color:var(--green);background:#e5efe9;border-radius:20px;padding:7px 11px;font-weight:700}.hero{text-align:center;max-width:800px;margin:0 auto;padding:88px 24px 68px}.eyebrow{color:var(--red);letter-spacing:.14em;justify-content:center;align-items:center;gap:10px;font-size:12px;font-weight:800;display:flex}.eyebrow span{background:var(--red);width:28px;height:2px;display:block}h1{letter-spacing:.025em;margin:20px 0 17px;font-family:Zen Old Mincho,serif;font-size:clamp(44px,7vw,70px);line-height:1.28}h1 em{color:var(--red);font-style:normal;position:relative}h1 em:after{content:"";background:repeating-linear-gradient(90deg,var(--red) 0 18px,transparent 18px 23px);opacity:.6;height:7px;position:absolute;bottom:-4px;left:2%;right:2%;transform:skew(-18deg)}.lead{color:var(--muted);margin:0 0 35px;font-size:15px;line-height:2}.prompt-card{text-align:left;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:22px 24px 18px;position:relative;box-shadow:0 12px 35px #362d1f17,inset 0 2px #fffc}.prompt-card:before{content:"";border-left:3px solid var(--red);border-top:3px solid var(--red);width:18px;height:18px;position:absolute;top:-5px;left:-5px}.prompt-card label{color:var(--red);letter-spacing:.14em;margin-bottom:10px;font-size:12px;font-weight:800;display:block}.prompt-card textarea{resize:none;width:100%;color:var(--ink);background:0 0;border:0;outline:0;padding:0;font-size:21px;line-height:1.7}.prompt-card textarea::placeholder{color:#bbb5a9}.form-bottom{border-top:1px dashed var(--line);justify-content:space-between;align-items:end;margin-top:12px;padding-top:14px;display:flex}.counter{color:#a19c92;font-size:12px}.generate-button{justify-content:space-between;align-items:center;min-width:168px;padding:13px 16px 13px 22px;transition:all .15s;display:flex}.generate-button:hover:not(:disabled){box-shadow:0 4px 0 var(--red-dark);transform:translateY(-1px)}.generate-button:disabled{opacity:.45;cursor:not-allowed}.arrow{font-size:21px}.credit-line{color:var(--muted);justify-content:center;align-items:center;gap:7px;margin-top:17px;font-size:12px;display:flex}.buy-credit{border:0;border-bottom:1px solid var(--red);color:var(--red);background:0 0;margin-left:8px;padding:2px 0;font-size:12px;font-weight:700}.dot{background:var(--green);border-radius:50%;width:6px;height:6px}.alert,.notice,.empty{color:#943326;background:#fff1ee;border:1px solid #e5b8af;border-radius:5px;margin:20px auto;padding:14px 18px;font-size:14px}.error-text{color:var(--red)}.results{max-width:900px;margin:0 auto 100px;padding:0 24px}.progress-panel{text-align:center;border:1px solid var(--line);background:#fffdf8c2;border-radius:8px;padding:52px 30px}.thinking-orbit{border:2px dashed var(--red);border-radius:50%;place-items:center;width:76px;height:76px;margin:0 auto 22px;animation:9s linear infinite spin;display:grid}.thinking-orbit span{color:#fff;background:var(--red);border-radius:50%;place-items:center;width:48px;height:48px;font-family:Zen Old Mincho,serif;font-size:24px;animation:9s linear infinite reverse spin;display:grid}@keyframes spin{to{transform:rotate(360deg)}}.progress-panel h2{margin:0 0 8px;font-family:Zen Old Mincho,serif;font-size:25px}.progress-panel p{color:var(--muted);font-size:13px}.progress-track{background:#e4ded2;border-radius:5px;width:min(420px,80%);height:5px;margin:25px auto 9px;overflow:hidden}.progress-track i{background:var(--red);height:100%;transition:width .5s;display:block}.progress-panel small{color:var(--muted)}.result-heading{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:end;padding-bottom:18px;display:flex}.result-kicker{color:var(--red);letter-spacing:.15em;font-size:11px;font-weight:800}.result-heading h2{margin:7px 0 0;font-family:Zen Old Mincho,serif;font-size:25px}.notice{color:#7a5b20;background:#fff8df;border-color:#dfca98}.tabs{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:0;margin:32px 0 20px;display:grid}.tabs button{color:var(--muted);background:0 0;border:0;border-bottom:3px solid #0000;padding:15px;font-weight:700}.tabs button.active{color:var(--red);border-bottom-color:var(--red)}.tabs b{min-width:23px;height:23px;color:var(--ink);background:#e8e2d7;border-radius:20px;place-items:center;margin-left:6px;padding:0 6px;font-size:11px;display:inline-grid}.answer-list{flex-direction:column;gap:10px;display:flex}.answer-card{background:var(--card);border:1px solid var(--line);border-radius:6px;grid-template-columns:64px 1fr auto;align-items:center;min-height:92px;padding:14px 17px 14px 8px;transition:all .15s;display:grid}.answer-card:hover{box-shadow:-4px 0 0 var(--red);border-color:#c9bdae;transform:translate(3px)}.answer-card.top{border-left:4px solid var(--red)}.rank{text-align:center;border-right:1px solid var(--line)}.rank small{color:#9d978c;letter-spacing:.15em;font-size:8px;display:block}.rank strong{font-family:Zen Old Mincho,serif;font-size:27px}.answer-card p{margin:0;padding:0 24px;font-size:17px;font-weight:600}.actions{gap:6px;display:flex}.actions button{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:20px;padding:7px 10px;font-size:11px}.actions button:hover,.actions button.selected{color:var(--red);background:#fff0ed;border-color:#e9a79b}.actions .favorite{color:#9d7924}.policy-note{text-align:center;max-width:640px;color:var(--muted);margin:10px auto 0;font-size:11px}.policy-note a{color:var(--red)}.actions .report{color:#8a8378}.reported{color:var(--muted);align-self:center;padding:7px 10px;font-size:11px}.report-menu{border-top:1px dashed var(--line);flex-wrap:wrap;grid-column:1/-1;gap:6px;margin-top:10px;padding-top:10px;display:flex}.report-menu button{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:20px;padding:7px 10px;font-size:11px}.report-menu button:hover{color:var(--red);background:#fff0ed;border-color:#e9a79b}.more{width:100%;color:var(--ink);background:0 0;border:1px dashed #bfb6a8;border-radius:5px;justify-content:center;align-items:center;gap:14px;margin-top:18px;padding:14px;font-weight:700;display:flex}.more span{color:var(--red);font-size:20px}footer{border-top:1px solid var(--line);color:#999388;letter-spacing:.08em;justify-content:space-between;max-width:1160px;margin:0 auto;padding:26px 28px;font-size:11px;display:flex}footer nav{gap:18px;display:flex}footer a{color:inherit}.document{max-width:850px;margin:55px auto 100px;padding:0 24px;line-height:1.9}.document h1,.document h2,.document h3{font-family:Zen Old Mincho,serif;line-height:1.45}.document h1{border-bottom:2px solid var(--ink);padding-bottom:16px;font-size:34px}.document h2{margin-top:45px;font-size:23px}.document table{border-collapse:collapse;width:100%;font-size:13px}.document th,.document td{border:1px solid var(--line);vertical-align:top;padding:9px}.document blockquote{background:#fff8df;border-left:3px solid #c99a35;margin:20px 0;padding:10px 18px}.contact-form{gap:16px;max-width:650px;display:grid}.contact-form label{font-size:13px;font-weight:700}.contact-form input,.contact-form select,.contact-form textarea{border:1px solid var(--line);background:var(--card);border-radius:4px;width:100%;margin-top:6px;padding:12px}.contact-form button{background:var(--red);color:#fff;border:0;border-radius:4px;justify-self:start;padding:12px 24px;font-weight:700}@media (max-width:680px){.site-header{height:64px;padding:0 18px}.account-name{display:none}.hero{padding:56px 16px 45px}.desktop{display:none}h1{font-size:41px}.prompt-card{padding:18px}.prompt-card textarea{font-size:17px}.generate-button{min-width:145px}.results{padding:0 13px}.result-heading{align-items:start;gap:15px}.answer-card{grid-template-columns:48px 1fr;padding:12px 8px}.answer-card p{padding:0 14px;font-size:15px}.actions{flex-wrap:wrap;grid-column:2;padding:10px 12px 0}.tabs button{padding:13px 5px;font-size:12px}footer{padding:20px 18px}.lead{font-size:13px}}
