@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@500;600;700;800&family=Noto+Sans+JP:wght@400;500;600;700;800;900&display=swap";:root{font-family:Manrope,Noto Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;color:#192920;background:#f6f4ec;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;--ink: #192920;--ink-soft: #526057;--muted: #828a7f;--paper: #f6f4ec;--card: #fffefa;--line: #e9e6dc;--green: #d9ec9a;--green-deep: #b9d46d;--coral: #ed7959;--coral-pale: #fff0e9;--font-mono: "DM Mono", monospace}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid #e38a69;outline-offset:4px}.page-shell{position:relative;min-height:100vh;overflow:hidden;isolation:isolate}.page-shell:before{position:absolute;z-index:-2;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(62,74,52,.15) .75px,transparent .75px);background-size:22px 22px;content:"";opacity:.16;pointer-events:none}.ambient{position:absolute;z-index:-1;border-radius:50%;pointer-events:none}.ambient-top{top:105px;right:-120px;width:340px;height:340px;border:1px solid rgba(214,222,174,.32);box-shadow:0 0 0 34px #d6deae14,0 0 0 70px #d6deae0f}.ambient-side{top:510px;left:-165px;width:300px;height:300px;background:radial-gradient(circle,rgba(243,178,136,.13),transparent 70%)}.site-header{width:min(100% - 64px,1120px);min-height:88px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(46,58,47,.09)}.brand{display:inline-flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none}.brand-mark{width:43px;height:43px;display:grid;place-items:center;border-radius:15px;color:#2b3b2e;background:var(--green);transform:rotate(-8deg)}.brand-mark svg{width:27px;height:27px}.brand-copy{display:flex;flex-direction:column;gap:2px}.brand-name{font-size:15px;line-height:1.2;font-weight:900;letter-spacing:.035em}.brand-subtitle{color:#8b9387;font:500 9px/1.2 var(--font-mono);letter-spacing:.16em}.header-note{display:flex;align-items:center;gap:9px;color:#737c71;font-size:12px;font-weight:600;letter-spacing:.02em}.header-note-dot,.status-dot{position:relative;width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#87ad4f}.header-note-dot:after{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:1px solid rgba(135,173,79,.35);border-radius:50%;content:""}.main-content{width:min(100% - 48px,990px);margin:0 auto;padding:0 0 70px}.intro{margin:53px auto 31px;text-align:center}.eyebrow{display:flex;align-items:center;justify-content:center;gap:9px;margin:0 0 14px;color:#7a8376;font-size:11px;font-weight:700;letter-spacing:.1em}.eyebrow-rule{width:19px;height:2px;border-radius:2px;background:var(--coral)}.intro h1{margin:0;color:#1c2e23;font-size:clamp(32px,4.3vw,46px);font-weight:900;letter-spacing:-.065em;line-height:1.25}.intro h1 span{position:relative;z-index:0;white-space:nowrap}.intro h1 span:after{position:absolute;z-index:-1;right:-4px;bottom:3px;left:-3px;height:11px;border-radius:999px;background:var(--green);content:"";transform:rotate(-1.5deg)}.intro-copy{margin:14px 0 0;color:#6e786e;font-size:14px;font-weight:500;line-height:1.95;letter-spacing:.025em}.generator{position:relative;width:min(100%,790px);margin:0 auto;padding:0 10px}.generator-orbit{position:absolute;z-index:-1;top:48%;left:50%;border:1px solid rgba(217,224,196,.7);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.orbit-one{width:calc(100% - 2px);height:86%}.orbit-two{width:calc(100% + 32px);height:105%;border-color:#e2e5cf85}.question-card{position:relative;overflow:hidden;min-height:356px;padding:24px 34px 0;border:1px solid rgba(226,224,211,.92);border-radius:27px;background:var(--card);box-shadow:0 22px 60px #2b372713,0 3px 8px #2b372709}.question-card:before{position:absolute;top:-132px;right:-72px;width:255px;height:255px;border-radius:50%;background:radial-gradient(circle at 36% 65%,rgba(237,121,89,.12),rgba(237,121,89,.035) 56%,transparent 72%);content:"";pointer-events:none}.question-card:after{position:absolute;top:0;right:0;width:170px;height:135px;background-image:radial-gradient(rgba(130,143,102,.28) 1px,transparent 1px);background-size:12px 12px;content:"";opacity:.28;pointer-events:none;-webkit-mask-image:linear-gradient(135deg,transparent 8%,#000 100%);mask-image:linear-gradient(135deg,transparent 8%,#000 100%)}.card-decoration{position:absolute;top:59px;right:43px;z-index:1;width:28px;height:28px;color:#e7a26d;opacity:.7;transform:rotate(12deg)}.card-decoration svg{width:100%;height:100%}.card-header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;min-height:26px}.current-label{display:inline-flex;align-items:center;gap:8px;color:#657263;font-size:12px;font-weight:700;letter-spacing:.035em}.status-dot{width:6px;height:6px;box-shadow:0 0 0 3px #87ad4f21}.pick-label{display:inline-flex;align-items:center;gap:7px;color:#999f92;font:500 9px/1 var(--font-mono);letter-spacing:.1em}.pick-label-mark{width:6px;height:6px;border-radius:2px;background:var(--coral);transform:rotate(45deg)}.pick-number{padding-left:4px;color:#6f786b;letter-spacing:.06em}.question-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:273px;padding:20px 8px 26px;animation:question-enter .38s cubic-bezier(.2,.75,.25,1) both}@keyframes question-enter{0%{opacity:0;transform:translateY(9px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.question-caption{margin:0 0 15px;color:#92988c;font-size:10px;font-weight:700;letter-spacing:.14em}.question-caption span{padding:0 4px;color:#d2a17a;font:500 11px var(--font-mono)}.initial-line{display:flex;align-items:center;justify-content:center;color:#29382e}.quote-mark{align-self:flex-start;margin:9px 5px 0 0;color:#8a9880;font-size:22px;font-weight:600}.initial-tile{width:70px;height:72px;display:inline-grid;place-items:center;border:1px solid rgba(229,136,100,.2);border-radius:19px;color:#d96648;background:var(--coral-pale);box-shadow:inset 0 -3px #ed795913;font-size:46px;font-weight:800;line-height:1}.initial-suffix{margin:10px 0 0 11px;font-size:clamp(17px,2.5vw,21px);font-weight:700;letter-spacing:-.04em;white-space:nowrap}.topic-line{max-width:100%;margin-top:14px;color:#1d3025;font-size:clamp(25px,3.6vw,35px);font-weight:900;line-height:1.45;letter-spacing:-.055em;text-align:center;text-wrap:balance;overflow-wrap:anywhere}.question-ending{position:relative;display:flex;align-items:center;gap:1px;margin-top:1px;color:#657164;font-size:17px;font-weight:700;letter-spacing:.015em}.question-mark{color:var(--coral);font-size:21px;font-weight:800}.ending-sparkle{width:13px;height:13px;margin:-9px 0 0 6px;color:#c8d486}.card-footer{position:relative;z-index:1;min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #eeece4}.footer-tip{display:inline-flex;align-items:center;gap:8px;color:#7b8478;font-size:10px;font-weight:600;letter-spacing:.02em}.tip-icon{width:17px;height:17px;display:grid;place-items:center;border-radius:50%;color:#8ca352;background:#f1f5e4}.tip-icon svg{width:12px;height:12px}.no-wrong-answer{color:#a0a397;font-size:10px;font-weight:600;white-space:nowrap}.no-wrong-answer span{padding-left:3px;color:#bb9a75}.actions{display:flex;align-items:center;justify-content:center;gap:12px;margin:22px auto 0}.draw-button,.copy-button{min-height:58px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:16px;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease}.draw-button{min-width:255px;padding:0 17px 0 12px;border:1px solid #263a2c;color:#fffef8;background:#25372b;box-shadow:0 4px #17261c,0 9px 19px #25372b1f}.draw-button:hover{background:#304636;box-shadow:0 6px #17261c,0 12px 22px #25372b26;transform:translateY(-2px)}.draw-button:active{box-shadow:0 1px #17261c,0 4px 10px #25372b1f;transform:translateY(3px)}.draw-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;color:#28372c;background:var(--green)}.draw-icon svg{width:20px;height:20px}.draw-label{font-size:14px;font-weight:800;letter-spacing:.025em}.keyboard-badge{margin-left:auto;padding:5px 6px;border:1px solid rgba(255,255,255,.18);border-radius:6px;color:#ffffffad;font:500 8px/1 var(--font-mono);letter-spacing:.09em}.copy-button{min-width:164px;padding:0 17px;border:1px solid #dbded2;color:#566258;background:#fffefab8;font-size:12px;font-weight:700}.copy-button:hover{border-color:#b8c491;background:#fffefa;transform:translateY(-2px)}.copy-button.is-copied{border-color:#c8d99b;color:#53723c;background:#f5f8eb}.copy-icon{width:17px;height:17px;display:grid;place-items:center}.copy-icon svg{width:17px;height:17px}.shortcut-hint{margin:14px 0 0;color:#979c91;font-size:10px;font-weight:500;letter-spacing:.02em;text-align:center}.hint-sparkle{padding-right:3px;color:#d19a6a;font-size:11px}.history{width:min(100%,790px);margin:28px auto 0;animation:question-enter .25s ease both}.history-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:11px}.history-heading h2{display:inline-flex;align-items:center;gap:7px;margin:0;color:#526052;font-size:12px;font-weight:800}.history-icon{color:#94a565;font-size:18px;line-height:1}.history-heading>span{color:#9b9e93;font-size:10px;font-weight:500}.history-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.history-item{min-width:0;min-height:44px;display:flex;align-items:center;gap:9px;padding:7px 11px;border:1px solid rgba(221,224,210,.88);border-radius:12px;color:#637065;background:#fffefa8c;cursor:pointer;text-align:left;transition:border-color .15s ease,background-color .15s ease,transform .15s ease}.history-item:hover{border-color:#c9d4a9;background:#fffefa;transform:translateY(-1px)}.history-initial{width:26px;height:27px;display:grid;flex:0 0 auto;place-items:center;border-radius:8px;color:#d36f50;background:#fff0e9;font-size:15px;font-weight:800}.history-topic{overflow:hidden;flex:1;font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.history-arrow{flex:0 0 auto;color:#aab294;font-size:12px}.how-to{display:grid;grid-template-columns:.82fr 2fr;align-items:center;gap:35px;width:min(100%,810px);margin:57px auto 0;padding:26px 0 0;border-top:1px solid rgba(56,70,52,.12)}.section-kicker{margin:0 0 7px;color:#9aa08d;font:500 9px/1.2 var(--font-mono);letter-spacing:.14em}.how-heading h2{margin:0;color:#344338;font-size:16px;font-weight:800;letter-spacing:-.04em;white-space:nowrap}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:0;padding:0;list-style:none}.step{min-width:0;display:flex;flex-direction:column;align-items:flex-start}.step-number{margin-bottom:6px;color:#b0b991;font:500 9px/1 var(--font-mono);letter-spacing:.08em}.step-title{color:#4a574b;font-size:11px;font-weight:800;white-space:nowrap}.step-description{margin-top:4px;color:#8e9588;font-size:9px;font-weight:500;line-height:1.5}.site-footer{width:min(100% - 64px,1120px);min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 auto;border-top:1px solid rgba(46,58,47,.09)}.footer-brand{display:inline-flex;align-items:center;gap:7px;color:#737d70;font-size:10px;font-weight:800}.footer-brand svg{width:17px;height:17px;color:#a1b56e}.source-note{color:#989d92;font-size:9px;font-weight:500;text-align:right}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}@media(max-width:700px){.site-header{width:min(100% - 36px,1120px);min-height:72px}.brand-mark{width:38px;height:38px;border-radius:13px}.brand-mark svg{width:24px;height:24px}.brand-name{font-size:13px}.brand-subtitle{font-size:8px}.header-note{gap:7px;font-size:10px}.main-content{width:min(100% - 32px,600px);padding-bottom:48px}.intro{margin:39px auto 25px}.intro h1{font-size:clamp(30px,7vw,40px)}.intro-copy{font-size:12px}.generator{padding:0}.question-card{min-height:330px;padding:20px 20px 0;border-radius:23px}.card-decoration{top:48px;right:24px;width:22px;height:22px}.question-content{min-height:250px;padding:19px 4px 22px}.initial-tile{width:62px;height:64px;border-radius:17px;font-size:40px}.initial-suffix{margin-left:8px;font-size:clamp(15px,3.8vw,19px)}.topic-line{font-size:clamp(23px,6.3vw,31px)}.card-footer{min-height:50px}.footer-tip{gap:6px;font-size:9px}.no-wrong-answer{font-size:9px}.actions{gap:9px;margin-top:19px}.draw-button{min-width:0;flex:1;padding-right:12px}.copy-button{min-width:0;padding:0 13px;gap:7px}.draw-label{font-size:13px}.keyboard-badge{font-size:7px}.history{margin-top:24px}.history-list{grid-template-columns:1fr}.how-to{grid-template-columns:1fr;gap:20px;margin-top:43px}.how-heading h2{font-size:15px}.steps{gap:8px}.step-title{font-size:10px}.step-description{font-size:8px}.site-footer{width:min(100% - 36px,1120px);min-height:64px}.source-note{max-width:65%;font-size:8px;line-height:1.55}}@media(max-width:420px){.header-note span:last-child{max-width:104px;font-size:9px;line-height:1.35}.intro h1{font-size:29px}.intro-copy{font-size:11px}.question-card{padding-right:14px;padding-left:14px}.pick-label{font-size:8px}.initial-tile{width:57px;height:60px;font-size:37px}.initial-suffix{font-size:15px}.quote-mark{margin-right:3px}.footer-tip{max-width:63%;line-height:1.45}.no-wrong-answer{font-size:8px}.draw-button{gap:8px;padding-left:9px}.draw-icon{width:32px;height:32px}.draw-label{font-size:12px}.keyboard-badge{display:none}.copy-button{font-size:10px}.steps{grid-template-columns:1fr;gap:12px}.step{display:grid;grid-template-columns:25px 1fr;column-gap:3px}.step-number{grid-row:span 2;margin:2px 0 0}.step-title{font-size:11px}.step-description{margin-top:2px;font-size:9px}.site-footer{align-items:flex-start;padding:16px 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}