:root{--bg:#faf7f1;--bg-soft:#f2ede3;--card:#ffffff;--ink:#221f1a;--ink-soft:#6f6a60;--line:#e6e0d4;--accent:#c9553d;--accent-soft:#f3ddd6;--sage:#7d8f7b;--radius:22px;--font:"Zen Maru Gothic","Quicksand",system-ui,sans-serif;--shadow:0 10px 40px rgba(60,50,30,.08)}[data-theme=dark]{--bg:#15141a;--bg-soft:#1c1b22;--card:#201f27;--ink:#ece8df;--ink-soft:#96918a;--line:#2e2c36;--accent:#e2755c;--accent-soft:#3a2822;--sage:#8ea68b;--shadow:0 10px 40px rgba(0,0,0,.35)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--ink);line-height:1.6;transition:background .4s,color .4s;-webkit-font-smoothing:antialiased}button{font-family:var(--font);cursor:pointer;border:none;background:none;color:inherit}.site-header{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.header-inner{max-width:1100px;margin:0 auto;padding:.8rem 1.4rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--ink)}.enso{width:30px;height:30px;color:var(--accent)}.brand-name{font-size:1.25rem;font-weight:700;letter-spacing:.01em}.brand-name em{font-style:normal;color:var(--accent)}.header-tools{display:flex;align-items:center;gap:.4rem}.tool-btn{display:flex;align-items:center;gap:.4rem;padding:.45rem .7rem;border-radius:999px;font-size:.85rem;font-weight:500;color:var(--ink-soft);transition:background .2s,color .2s}.tool-btn:hover{background:var(--bg-soft);color:var(--ink)}.tool-btn svg{width:19px;height:19px}.tool-btn.active{color:var(--accent)}.master-vol{display:flex;align-items:center;gap:.45rem;padding:.35rem .7rem;color:var(--ink-soft)}.master-vol svg{width:19px;height:19px;flex:none}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:96px;height:4px;border-radius:99px;background:var(--line);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);border:3px solid var(--card);box-shadow:0 1px 4px #0003;transition:transform .15s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent);border:3px solid var(--card)}.hero{max-width:1100px;margin:0 auto;padding:5.5rem 1.4rem 3.5rem;text-align:center;position:relative}.hero-kanji{position:absolute;top:1.2rem;left:50%;transform:translate(-50%);font-size:11rem;font-weight:300;opacity:.05;pointer-events:none;-webkit-user-select:none;user-select:none;line-height:1}.hero h1{font-size:clamp(2.1rem,5vw,3.4rem);font-weight:700;letter-spacing:-.01em}.hero-sub{margin-top:1rem;color:var(--ink-soft);font-size:1.05rem}.hero-actions{margin-top:2.2rem;display:flex;flex-direction:column;align-items:center;gap:.9rem}.cta{display:inline-flex;align-items:center;gap:.55rem;background:var(--accent);color:#fff;padding:.85rem 1.8rem;border-radius:999px;font-size:1rem;font-weight:600;box-shadow:0 6px 22px color-mix(in srgb,var(--accent) 45%,transparent);transition:transform .18s,box-shadow .18s}.cta:hover{transform:translateY(-2px);box-shadow:0 10px 28px color-mix(in srgb,var(--accent) 55%,transparent)}.hero-hint{font-size:.85rem;color:var(--ink-soft)}kbd{font-family:inherit;font-size:.78rem;border:1px solid var(--line);border-bottom-width:2px;border-radius:6px;padding:.05rem .4rem;background:var(--card)}main{max-width:1100px;margin:0 auto;padding:0 1.4rem 4rem}.category{margin-top:3.2rem}.cat-head{display:flex;align-items:baseline;gap:.8rem;margin-bottom:1.2rem}.cat-head h2{font-size:1.35rem;font-weight:700}.cat-head .cat-kanji{font-size:1.05rem;color:var(--accent);font-weight:500}.cat-head .rule{flex:1;height:1px;background:var(--line)}.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.card{position:relative;overflow:hidden;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.3rem 1.3rem 1.15rem;text-align:left;transition:transform .2s,box-shadow .2s,border-color .2s}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:transparent}.card .card-kanji{position:absolute;right:.6rem;top:.1rem;font-size:3.4rem;font-weight:300;opacity:.07;pointer-events:none;line-height:1.4}.card h3{font-size:1.05rem;font-weight:700}.card p{font-size:.84rem;color:var(--ink-soft);margin-top:.3rem}.card .card-foot{margin-top:.9rem;display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--accent);font-weight:600}.card .dot{width:8px;height:8px;border-radius:50%;background:var(--line);transition:background .2s}.card.playing{border-color:var(--accent)}.card.playing .dot{background:var(--accent);animation:pulse 1.6s infinite}@keyframes pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--accent) 50%,transparent)}50%{box-shadow:0 0 0 6px transparent}}.philosophy{background:var(--bg-soft);text-align:center;padding:4.5rem 1.4rem;position:relative;overflow:hidden}.philosophy-kanji{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:13rem;opacity:.04;pointer-events:none;-webkit-user-select:none;user-select:none}.philosophy h2{font-size:1.5rem;font-weight:700}.philosophy p:not(.philosophy-kanji){max-width:520px;margin:.9rem auto 0;color:var(--ink-soft)}.site-footer{text-align:center;padding:3rem 1.4rem;color:var(--ink-soft);font-size:.82rem}.footer-kanji{margin-top:.8rem;font-size:1rem;opacity:.4;letter-spacing:.4em}.player-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0f0c0859;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .3s}.player-backdrop.open{opacity:1;pointer-events:auto}.player{position:fixed;z-index:70;right:0;top:0;bottom:0;width:min(440px,100vw);background:var(--bg);border-left:1px solid var(--line);padding:1.6rem 1.6rem 2.2rem;overflow-y:auto;transform:translate(102%);transition:transform .35s cubic-bezier(.2,.8,.2,1)}.player.open{transform:none;box-shadow:-20px 0 60px #00000026}.player-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.player-kanji{font-size:1rem;color:var(--accent);font-weight:500}.player-head h3{font-size:1.5rem;font-weight:700;margin-top:.1rem}.player-desc{font-size:.86rem;color:var(--ink-soft);margin-top:.35rem;max-width:290px}.close-btn{flex:none;width:36px;height:36px;border-radius:50%;background:var(--bg-soft);color:var(--ink-soft);font-size:.95rem;transition:background .2s,color .2s}.close-btn:hover{background:var(--accent-soft);color:var(--accent)}.player-viz{position:relative;margin:1.6rem 0 1.2rem;height:130px;display:flex;align-items:center;justify-content:center}.enso-big{position:absolute;width:120px;height:120px;color:var(--line);transition:color .4s}.player.playing .enso-big{color:var(--accent);animation:breathe 5s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.06);opacity:1}}#waveCanvas{width:100%;height:120px;position:relative}.player-controls{display:flex;align-items:center;gap:.7rem;margin-bottom:1.6rem}.play-btn{width:58px;height:58px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 45%,transparent);transition:transform .15s}.play-btn:hover{transform:scale(1.06)}.play-btn svg{width:26px;height:26px}.ghost-btn{padding:.6rem 1.1rem;border-radius:999px;border:1px solid var(--line);font-size:.85rem;font-weight:600;color:var(--ink-soft);transition:border-color .2s,color .2s}.ghost-btn:hover{border-color:var(--accent);color:var(--accent)}.sliders{display:flex;flex-direction:column;gap:1.05rem}.slider-row label{display:flex;justify-content:space-between;font-size:.85rem;font-weight:600;margin-bottom:.35rem}.slider-row label span:last-child{color:var(--ink-soft);font-weight:400}.slider-row input[type=range]{width:100%;height:5px}.timer-pop{position:fixed;z-index:80;top:64px;right:16px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1rem 1.1rem;box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .2s,transform .2s}.timer-pop.open{opacity:1;pointer-events:auto;transform:none}.timer-pop p{font-size:.85rem;font-weight:600;margin-bottom:.6rem}.timer-opts{display:flex;gap:.4rem}.timer-opts button{padding:.4rem .75rem;border-radius:999px;border:1px solid var(--line);font-size:.8rem;font-weight:600;color:var(--ink-soft)}.timer-opts button:hover{border-color:var(--accent);color:var(--accent)}@media(max-width:560px){.hero{padding-top:4rem}.hero-kanji{font-size:8rem}.master-vol input{width:64px}.player{padding:1.2rem 1.1rem 2rem}}.machine-page{max-width:980px;margin:0 auto;padding:2.5rem 1.4rem 4rem}.mp-head{text-align:center;position:relative;padding-top:1rem}.crumb{position:absolute;left:0;top:0;font-size:.85rem;font-weight:600;color:var(--ink-soft);padding:.4rem .8rem;border-radius:999px;transition:background .2s,color .2s}.crumb:hover{background:var(--bg-soft);color:var(--ink)}.mp-kanji{position:absolute;left:50%;top:-1.2rem;transform:translate(-50%);font-size:9rem;font-weight:300;opacity:.05;pointer-events:none;-webkit-user-select:none;user-select:none;line-height:1}.mp-cat{font-size:.85rem;font-weight:600;color:var(--accent);letter-spacing:.1em;text-transform:uppercase}.mp-head h1{font-size:clamp(1.9rem,4.5vw,2.8rem);font-weight:700;margin-top:.2rem}.mp-tag{color:var(--ink-soft);margin-top:.3rem;font-size:1rem}.mp-desc{max-width:560px;margin:2.2rem auto 0;text-align:center;color:var(--ink-soft);font-size:.92rem}.mp-viz{position:relative;height:110px;margin:1.6rem auto .6rem;max-width:700px;display:flex;align-items:center;justify-content:center}.mp-viz .enso-big{position:absolute;width:100px;height:100px;color:var(--line);transition:color .4s}.mp-viz.playing .enso-big{color:var(--accent);animation:breathe 5s ease-in-out infinite}.mp-viz canvas{width:100%;height:110px}.mp-transport{display:flex;align-items:center;justify-content:center;gap:.7rem;margin:.6rem 0 1.1rem;flex-wrap:wrap}.play-btn.big{width:64px;height:64px}.ghost-btn.active{border-color:var(--accent);color:var(--accent)}.mp-presets{display:flex;justify-content:center;gap:.45rem;flex-wrap:wrap;margin-bottom:2rem}.preset-chip{padding:.42rem .95rem;border-radius:999px;border:1px solid var(--line);font-size:.82rem;font-weight:600;color:var(--ink-soft);transition:border-color .2s,color .2s,background .2s}.preset-chip:hover{border-color:var(--accent);color:var(--accent)}.bank{display:flex;justify-content:center;align-items:flex-end;gap:clamp(.4rem,1.6vw,1.1rem);padding:1.4rem 1rem 1.1rem;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto}.vslider{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:52px;flex:0 0 auto}.vslider-val{font-size:.78rem;font-weight:700;font-variant-numeric:tabular-nums}.vslider-track{position:relative;width:14px;height:180px;border-radius:99px;background:var(--bg-soft);cursor:pointer;touch-action:none;outline-offset:3px}.vslider-track:focus-visible{outline:2px solid var(--accent)}.vslider-fill{position:absolute;bottom:0;left:0;right:0;border-radius:99px;background:linear-gradient(to top,var(--fill-soft),var(--fill))}.vslider-thumb{position:absolute;left:50%;transform:translate(-50%);width:22px;height:18px;border-radius:9px;background:var(--card);border:2.5px solid var(--fill);box-shadow:0 2px 6px #0000002e;pointer-events:none}.vslider-label{font-size:.72rem;font-weight:600;color:var(--ink-soft);text-align:center;max-width:74px;line-height:1.25;min-height:2.1em}.now-playing{display:flex;align-items:center;gap:.5rem;padding:.4rem .9rem;border-radius:999px;border:1px solid var(--line);font-size:.83rem;font-weight:600;color:var(--ink-soft);max-width:230px;transition:border-color .2s,color .2s}.now-playing:hover{border-color:var(--accent);color:var(--accent)}.now-playing .np-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now-playing .dot{width:8px;height:8px;border-radius:50%;background:var(--line);flex:none}.now-playing .dot.on{background:var(--accent);animation:pulse 1.6s infinite}.cta-ghost{background:transparent;color:var(--accent);border:1.5px solid var(--accent);box-shadow:none}.cta-ghost:hover{box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 25%,transparent)}.cat-blurb{font-size:.82rem;color:var(--ink-soft);font-weight:400}.name-input{font-family:var(--font);font-size:.95rem;font-weight:600;padding:.7rem 1.1rem;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink);min-width:210px;outline:none;transition:border-color .2s}.name-input:focus{border-color:var(--accent)}.layer-editors{max-width:760px;margin:2rem auto 0;display:flex;flex-direction:column;gap:.9rem}.layer-editor{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:1rem 1.1rem}.le-head{display:flex;gap:.6rem;align-items:center;margin-bottom:.7rem}.le-label{flex:1;font-family:var(--font);font-size:.92rem;font-weight:700;background:transparent;border:none;border-bottom:1.5px dashed var(--line);color:var(--ink);padding:.2rem 0;outline:none;min-width:80px}.le-label:focus{border-bottom-color:var(--accent)}.le-head select,.le-field select,.le-field input{font-family:var(--font);font-size:.83rem;padding:.35rem .6rem;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--ink);outline:none}.le-head select:focus,.le-field select:focus,.le-field input:focus{border-color:var(--accent)}.le-remove{flex:none;width:30px;height:30px;border-radius:50%;background:var(--bg-soft);color:var(--ink-soft);font-size:.8rem}.le-remove:hover{background:var(--accent-soft);color:var(--accent)}.le-fields{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.le-field{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;font-weight:600;color:var(--ink-soft)}.le-field input{width:100%}.add-layer{align-self:center;padding:.65rem 1.5rem;border-radius:999px;border:1.5px dashed var(--line);font-size:.9rem;font-weight:600;color:var(--ink-soft);transition:border-color .2s,color .2s}.add-layer:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.add-layer:disabled{opacity:.4;cursor:default}.saved-list{max-width:760px;margin:2.6rem auto 0}.saved-list h2{font-size:1.1rem;font-weight:700;margin-bottom:.8rem}.saved-grid{display:flex;flex-wrap:wrap;gap:.5rem}.saved-item{display:flex;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:999px;overflow:hidden}.saved-load{padding:.5rem .4rem .5rem 1rem;font-size:.85rem;font-weight:600}.saved-load:hover{color:var(--accent)}.saved-del{padding:.5rem .8rem .5rem .4rem;font-size:.72rem;color:var(--ink-soft)}.saved-del:hover{color:var(--accent)}.mp-related{margin-top:2.4rem;display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;font-size:.85rem;color:var(--ink-soft)}@media(max-width:640px){.tool-label{display:none}.now-playing .np-name{max-width:90px}.vslider{min-width:44px}.vslider-track{height:150px}.bank{justify-content:flex-start}}.viz{position:relative;height:250px;margin:1.4rem auto .8rem;max-width:820px}.viz canvas{width:100%;height:100%;display:block}@media(max-width:640px){.viz{height:190px}}.bank-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.bank-card .bank{border:none;border-radius:0;background:transparent}.bank-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.85rem 1.2rem;border-bottom:1px solid var(--line);flex-wrap:wrap}.bank-title{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap}.bank-title>span{font-size:.95rem;font-weight:700}.bank-toolbar .mp-presets{margin:0;justify-content:flex-start}.bank-actions{display:flex;gap:.45rem;flex-wrap:wrap}.icon-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem 1rem;font-size:.82rem}.icon-btn svg{flex:none}.theme-btn .tool-label{min-width:2.4em;text-align:left}@media(max-width:640px){.bank-toolbar{padding:.75rem .9rem}}.has-player{padding-bottom:76px}.bottom-player{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 1.2rem;background:color-mix(in srgb,var(--card) 88%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line);animation:bp-in .35s cubic-bezier(.2,.8,.2,1)}@keyframes bp-in{0%{transform:translateY(100%)}to{transform:none}}.bp-track{display:flex;align-items:center;gap:.7rem;min-width:0;flex:1 1 200px;max-width:280px;text-align:left;padding:.3rem .5rem;border-radius:12px;transition:background .2s}.bp-track:hover{background:var(--bg-soft)}.bp-kanji{flex:none;width:42px;height:42px;border-radius:12px;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:1.15rem;font-weight:500}.bp-meta{display:flex;flex-direction:column;min-width:0;line-height:1.3}.bp-name{font-size:.9rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bp-cat{font-size:.72rem;color:var(--ink-soft)}.bp-center{display:flex;align-items:center;gap:.9rem;flex:0 1 auto}.bp-play{flex:none;width:44px;height:44px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 40%,transparent);transition:transform .15s}.bp-play:hover{transform:scale(1.08)}.bp-play svg{width:20px;height:20px}.bp-time{font-size:.82rem;font-weight:600;color:var(--ink-soft);font-variant-numeric:tabular-nums;min-width:3.2em;text-align:center}.bp-meter{width:150px;height:30px}.bp-right{display:flex;align-items:center;gap:.6rem;flex:1 1 160px;max-width:240px;justify-content:flex-end;color:var(--ink-soft)}.bp-vol-ico{width:19px;height:19px;flex:none}.bp-right input[type=range]{width:100px}.bp-stop{flex:none;width:34px;height:34px;border-radius:50%;background:var(--bg-soft);color:var(--ink-soft);display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.bp-stop:hover{background:var(--accent-soft);color:var(--accent)}@media(max-width:700px){.bp-meter{display:none}.bp-right input[type=range]{width:70px}.bp-cat{display:none}.bp-track{flex:0 1 auto}}.vslider-speed{display:flex;align-items:center;gap:.25rem;margin-top:.15rem;min-height:18px;color:var(--ink-soft)}.vslider-speed input[type=range]{width:44px;height:3px}.vslider-speed input[type=range]::-webkit-slider-thumb{width:11px;height:11px;border-width:2px}.vslider-speed input[type=range]::-moz-range-thumb{width:11px;height:11px;border-width:2px}.vspeed-val{font-size:.62rem;font-weight:700;min-width:2.4em;font-variant-numeric:tabular-nums}.vslider-speed svg{flex:none;opacity:.7}.vslider-speed-empty{visibility:hidden}