:root{--paper:#f4f2ea;--paper-2:#ebe8dd;--ink:#322d33;--ink-soft:#6d6672;--line-green:#06c755;--note-yellow:#ffe793;--mint:#8fd3bd;--sky:#a9cdec;--blush:#f1c2cf;--lilac:#c9bce6;--accent:#57b095;--font-display:"Klee One", system-ui, sans-serif;--font-body:"Zen Kaku Gothic New", system-ui, sans-serif;--font-mono:"DM Mono", ui-monospace, monospace;--maxw:920px}*{box-sizing:border-box}html,body{background-color:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-image:linear-gradient(#322d330a 1px,#0000 1px);background-size:100% 30px;margin:0;padding:0;font-weight:500;line-height:1.8}a{color:inherit;text-decoration:none}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}.note{background:#fffdf7;border:1px solid #322d330f;border-radius:16px;padding:24px 22px;position:relative;box-shadow:0 8px 24px #322d3317,0 1px #00000008}.note--tape:before{content:"";background:#8fd3bd8c;border:1px dashed #322d332e;border-radius:2px;width:92px;height:22px;position:absolute;top:-10px;left:50%;transform:translate(-50%)rotate(-2.5deg)}.bubble{background:#fff;border-radius:20px 20px 20px 6px;padding:16px 18px;position:relative;box-shadow:0 4px 14px #322d3314}.bubble--me{background:#d6f3c4;border-radius:20px 20px 6px}.kidoku{font-family:var(--font-mono);color:var(--accent);letter-spacing:.04em;font-size:11px}.chip{font-family:var(--font-mono);letter-spacing:.05em;background:var(--mint);color:var(--ink);border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:11px;display:inline-flex}.btn{font-family:var(--font-display);background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:15px 32px;font-size:18px;font-weight:600;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 6px 16px #57b0956b}.btn:hover{transform:translateY(-2px);box-shadow:0 11px 24px #57b09580}.btn:active{transform:translateY(1px);box-shadow:0 3px 10px #57b09566}.btn--ghost{color:var(--ink);background:#fff;box-shadow:0 4px 14px #322d331a}.display{font-family:var(--font-display);font-weight:600;line-height:1.35}.mono{font-family:var(--font-mono)}.site-logo-link{color:inherit;display:inline-flex}.site-logo{max-width:100%;color:var(--ink);align-items:center;gap:12px;display:inline-flex}.site-logo__mark{aspect-ratio:1;background:#fffdf7;border:2px solid #322d3338;border-radius:17px 17px 17px 6px;flex:none;place-items:center;width:48px;display:grid;position:relative;box-shadow:0 6px 16px #322d331f}.site-logo__mark:before{content:"";background:#8fd3bdb3;border:1px dashed #322d3338;border-radius:2px;width:44px;height:14px;position:absolute;top:-8px;left:50%;transform:translate(-50%)rotate(-4deg)}.site-logo__mark:after{content:"";background:var(--accent);width:9px;height:9px;box-shadow:-15px 0 0 var(--accent), -30px 0 0 var(--accent);opacity:.95;border-radius:50%;position:absolute;bottom:8px;right:8px}.site-logo__mark-num{font-family:var(--font-display);color:var(--ink);margin-bottom:8px;font-size:20px;font-weight:600;line-height:1}.site-logo__mark-kana{background:var(--note-yellow);width:24px;height:24px;font-family:var(--font-display);color:var(--ink);border-radius:50%;place-items:center;font-size:13px;line-height:1;display:grid;position:absolute;bottom:-7px;left:-6px;box-shadow:0 3px 8px #322d331f}.site-logo__word{flex-direction:column;min-width:0;display:flex}.site-logo__name{font-family:var(--font-display);letter-spacing:0;font-size:25px;font-weight:600;line-height:1}.site-logo__tag{font-family:var(--font-mono);letter-spacing:.04em;color:var(--ink-soft);white-space:nowrap;margin-top:2px;font-size:10px}.site-logo--hero{justify-content:center;gap:16px}.site-logo--hero .site-logo__mark{border-radius:22px 22px 22px 8px;width:70px}.site-logo--hero .site-logo__mark-num{margin-bottom:9px;font-size:29px}.site-logo--hero .site-logo__mark-kana{width:31px;height:31px;font-size:16px}.site-logo--hero .site-logo__name{font-size:clamp(34px,10vw,58px)}.site-logo--hero .site-logo__tag{font-size:12px}@media (max-width:420px){.site-logo--hero{gap:12px}.site-logo--hero .site-logo__mark{width:58px}.site-logo__tag{font-size:9px}}@keyframes riseIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.rise{opacity:0;animation:.6s cubic-bezier(.22,1,.36,1) forwards riseIn}@media (prefers-reduced-motion:reduce){.rise{opacity:1;animation:none}.btn,.opt{transition:none}}.qprog-dots{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.qdot{background:#322d3324;border-radius:50%;width:10px;height:10px;transition:transform .2s,background .2s}.qdot--done{background:var(--accent)}.qdot--now{background:var(--note-yellow);transform:scale(1.35);box-shadow:0 0 0 3px #ffe79366}.opt{text-align:left;cursor:pointer;width:100%;font-family:var(--font-body);color:var(--ink);background:#fff;border:1.5px solid #322d3314;border-radius:16px;align-items:center;gap:14px;padding:16px 18px;font-size:16px;font-weight:500;transition:transform .12s,box-shadow .12s,border-color .12s,background .12s;display:flex;box-shadow:0 2px 10px #322d330f}.opt:hover{border-color:var(--accent);background:#fcfffe;transform:translateY(-2px);box-shadow:0 7px 18px #57b09538}.opt:active{transform:translateY(1px)}.opt__num{width:30px;height:30px;font-family:var(--font-mono);background:var(--accent);color:#fff;border-radius:50%;flex:none;place-items:center;font-size:14px;display:grid}