:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#5a3a1a;--sub:#8a6a3c;--wood-a:#fbe9c6;--wood-b:#f1cf98;--wood-edge:#dcb57a;--card:#fffdf5;--line:#f0cf8e;--sun:#ffb81f;--blue:#86c6ff;--green:#92dc8c;--edge:#6e3c0047}*{box-sizing:border-box}html,body{margin:0}body{color:var(--ink);font-family:var(--font-maru), "Hiragino Maru Gothic ProN", "Yu Gothic UI", "Meiryo", system-ui, sans-serif;-webkit-text-size-adjust:100%;background:linear-gradient(#bfe3fb 0,#e6f4fc 260px,#fff3cf 560px,#f6dcae 100%) fixed;min-height:100vh;line-height:1.6}a{color:#9a5a00}:focus-visible{outline-offset:2px;outline:4px solid #2f6fed}[hidden]{display:none!important}.wood{text-align:center;background:repeating-linear-gradient(90deg, #965f2812 0 2px, #0000 2px 11px), linear-gradient(var(--wood-a), var(--wood-b));box-shadow:0 3px 0 var(--wood-edge);padding:12px 16px 16px;position:relative}.wood:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 14' preserveAspectRatio='none'%3E%3Cpath d='M0 0 H80 V3 Q60 14 40 5 T0 3Z' fill='%23f1cf98'/%3E%3C/svg%3E") 0 0/80px 14px repeat-x;height:14px;position:absolute;bottom:-13px;left:0;right:0}.wood h1{margin:0;font-size:clamp(.95rem,3.8vw,1.5rem);font-weight:700}.wood .sub{color:var(--sub);margin:0;font-size:.85rem}.btn{background:var(--sun);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;box-shadow:0 4px 0 var(--edge);border:0;border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-weight:700;text-decoration:none;display:inline-flex}.btn:active{box-shadow:0 1px 0 var(--edge);transform:translateY(3px)}.btn.sub{border:2px solid var(--sun);color:#9a5a00;box-shadow:0 3px 0 var(--line);background:#fff}.btn.small{min-height:36px;padding:4px 12px;font-size:.85rem}.btn:disabled{opacity:.55;cursor:default}.panel{border:3px solid var(--line);box-shadow:0 5px 0 var(--line);background:#fffdf5eb;border-radius:22px;padding:16px}.msg{background:#fff3cf;border-radius:12px;margin:8px 0 0;padding:8px 12px;font-size:.92rem}.msg.err{background:#ffe0dc}.landing{gap:22px;max-width:820px;margin:0 auto;padding:28px 16px 48px;display:grid}.intro{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.intro .faces{gap:10px;display:flex}.intro img{aspect-ratio:1;object-fit:cover;width:clamp(84px,22vw,116px);box-shadow:0 3px 0 var(--edge);background:#dff1fd;border:4px solid #fff;border-radius:28%}.intro p{background:#fffdf5e6;border-radius:16px;max-width:28em;margin:0;padding:8px 14px;font-size:1.05rem;font-weight:700}.choices{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.choice{text-align:left;min-height:120px;color:var(--ink);font:inherit;cursor:pointer;box-shadow:0 5px 0 var(--edge), 0 8px 14px #50320026;border:3px solid #fffc;border-radius:20px;flex-direction:column;gap:4px;padding:16px 18px;text-decoration:none;display:flex}.choice:active{box-shadow:0 1px 0 var(--edge);transform:translateY(4px)}.choice b{font-size:1.3rem}.choice span{font-size:.92rem}.choice.free{background:linear-gradient(#b0e8a8, var(--green))}.choice.paid{background:linear-gradient(#a6d4ff, var(--blue))}.compare{border-collapse:collapse;width:100%;font-size:.92rem}.compare th,.compare td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:8px 10px}.compare th:first-child{width:28%;color:var(--sub);font-weight:700}.compare thead th{font-size:1rem}.footer{text-align:center;gap:6px;font-size:.85rem;display:grid}.footer nav{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.footer .pill{background:#fffdf5d9;border-radius:12px;padding:2px 12px;display:inline-block}.shell{flex-direction:column;height:100dvh;display:flex}.shell .bar{background:repeating-linear-gradient(90deg, #965f2812 0 2px, #0000 2px 11px), linear-gradient(var(--wood-a), var(--wood-b));box-shadow:0 3px 0 var(--wood-edge);z-index:2;flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px 14px;display:flex;position:relative}.shell .bar h1{margin:0;font-size:clamp(.9rem,3.4vw,1.25rem)}.shell .bar .tools{flex-wrap:wrap;align-items:center;gap:6px;font-size:.8rem;display:flex}.shell .bar .who{color:var(--sub);text-overflow:ellipsis;white-space:nowrap;max-width:12em;overflow:hidden}.shell iframe.engine{background:#fff3cf;border:0;flex:1;width:100%}.veil{z-index:50;background:#78501473;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{border:3px solid var(--line);background:var(--card);width:min(96vw,560px);max-height:90dvh;box-shadow:0 6px 0 var(--line);border-radius:22px;padding:16px;overflow:auto}.dialog h2{margin:0 0 8px;font-size:1.15rem}.dialog .row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.plans{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:12px;display:grid}.plan{border:3px solid var(--line);background:#fff;border-radius:18px;gap:6px;padding:14px;display:grid}.plan b{font-size:1.1rem}.plan .price{font-size:1.6rem;font-weight:700}.plan small{color:var(--sub)}.hist-day{color:var(--sub);margin:14px 0 4px;font-weight:700}.hist-row{background:#fff;border-radius:10px;gap:10px;margin-bottom:4px;padding:6px 8px;display:flex}.hist-row time{color:var(--sub);font-variant-numeric:tabular-nums;flex:none}.hist-play{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;box-shadow:0 2px 0 var(--line);border:0;align-items:center}.hist-play:hover,.hist-play:focus-visible{background:#fff3cf}.hist-play:active{box-shadow:none;transform:translateY(2px)}.hist-play .hist-icon{opacity:.6;flex:none;margin-left:auto}select{border:2px solid var(--line);color:var(--ink);font:inherit;background:#fff;border-radius:12px;padding:8px 10px}.legal{max-width:760px;margin:0 auto;padding:24px 16px 56px}.legal .doc{border:3px solid var(--line);background:#fffdf5f2;border-radius:22px;padding:20px}.legal h1{margin:0 0 12px;font-size:1.4rem}.legal h2{border-left:6px solid var(--sun);margin:22px 0 6px;padding-left:10px;font-size:1.05rem}.legal p,.legal li{font-size:.95rem}.legal table{border-collapse:collapse;width:100%}.legal th,.legal td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:8px 10px;font-size:.92rem}.legal th{width:30%;color:var(--sub)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}