:root{--ink: #231815;--mute: #6b625d;--paper: #faf7f0;--paper-2: #f1ebdf;--blue: #3296c8;--rule: rgba(35, 24, 21, .18);--serif: "Shippori Mincho B1", "Hiragino Mincho ProN", "Yu Mincho", serif;--sans: "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic UI", "Yu Gothic", "Meiryo", system-ui, sans-serif;--gutter: 16px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-tap-highlight-color:transparent}body{position:fixed;inset:0;width:100%;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.vk-panel__scroll{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}button{font:inherit;color:inherit}a{color:var(--blue);text-decoration-color:#3296c873}#app{position:fixed;inset:0}#app canvas{display:block;width:100%;height:100%;touch-action:none;outline:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.vk-panel__scroll,.vk-index ol,.vk-welcome__card{touch-action:pan-y;overscroll-behavior:contain}.vk-seo{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.vk-top{position:fixed;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px var(--gutter);pointer-events:none;z-index:10}.vk-top>*{pointer-events:auto}.vk-brand{display:flex;align-items:center;gap:14px;padding:10px 16px 10px 12px;background:#faf7f0f0;border:1px solid var(--rule);border-radius:3px;text-decoration:none;color:var(--ink)}.vk-brand img{display:block;width:44px;height:auto}.vk-brand__title{display:block;font-family:var(--serif);font-weight:800;font-size:1.3rem;letter-spacing:.06em;line-height:1.2}.vk-brand__sub{display:block;margin-top:2px;font-size:.72rem;color:var(--mute);letter-spacing:.04em}.vk-brand__tag{margin-left:.5em;padding:0 .45em;border:1px solid var(--ink);border-radius:2px;font-family:var(--sans);font-size:.66rem;font-weight:700;letter-spacing:.06em;vertical-align:.2em}.vk-tools{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.vk-tools>*{flex:0 0 auto}.vk-seg button{white-space:nowrap}.vk-btn{display:inline-flex;align-items:center;gap:.45rem;min-height:40px;padding:0 14px;background:#faf7f0f0;border:1.5px solid var(--ink);border-radius:2px;font-weight:700;font-size:.9rem;cursor:pointer;text-decoration:none;color:var(--ink);white-space:nowrap}.vk-btn:hover,.vk-btn--fill{background:var(--ink);color:var(--paper)}.vk-btn--fill:hover{background:var(--blue);border-color:var(--blue);color:#fff}.vk-btn[disabled]{opacity:.45;cursor:default}.vk-btn svg{width:18px;height:18px}.vk-seg{display:inline-flex;border:1.5px solid var(--ink);border-radius:2px;background:#faf7f0f0}.vk-seg button{min-height:37px;padding:0 14px;border:0;background:transparent;font-weight:700;font-size:.9rem;cursor:pointer}.vk-seg button+button{border-left:1.5px solid var(--ink)}.vk-seg button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.vk-index{position:fixed;left:var(--gutter);top:96px;bottom:56px;width:300px;display:flex;flex-direction:column;background:#faf7f0f5;border:1px solid var(--rule);border-radius:3px;z-index:9;transition:transform .25s ease,opacity .25s ease}.vk-index[hidden]{display:flex;transform:translate(-24px);opacity:0;pointer-events:none}.vk-index h2{margin:0;padding:14px 18px 10px;font-family:var(--serif);font-weight:800;font-size:1.1rem;letter-spacing:.06em;border-bottom:2px solid var(--ink)}.vk-index ol{margin:0;padding:0 6px 10px;list-style:none;overflow-y:auto}.vk-index li button{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:10px;align-items:center;width:100%;padding:10px 12px;border:0;border-bottom:1px solid var(--rule);background:transparent;text-align:left;cursor:pointer}.vk-index li button:hover,.vk-index li button[aria-current=true]{background:var(--paper-2)}.vk-index__name{display:block;font-family:var(--serif);font-weight:800;font-size:1rem;line-height:1.4}.vk-index__cat{display:block;font-size:.75rem;color:var(--mute)}.vk-num{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background:var(--blue);color:#fff;font-family:var(--serif);font-weight:800;font-size:.85rem}.vk-num--sample{background:#fff;color:var(--ink);border:1.5px dashed var(--ink)}.vk-panel{position:fixed;right:var(--gutter);top:96px;bottom:56px;width:min(420px,calc(100vw - 2 * var(--gutter)));display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--rule);border-radius:3px;z-index:11;transition:transform .25s ease,opacity .25s ease}.vk-panel[hidden]{display:flex;transform:translate(24px);opacity:0;pointer-events:none}.vk-panel__scroll{overflow-y:auto;padding:18px 22px 26px}.vk-panel__close{position:absolute;top:10px;right:10px;width:38px;height:38px;border:1.5px solid var(--ink);border-radius:50%;background:var(--paper);cursor:pointer;font-size:1.1rem;line-height:1}.vk-panel__close:hover{background:var(--ink);color:var(--paper)}.vk-panel__cat{display:flex;align-items:center;gap:10px;margin:0 0 8px;padding-right:44px;color:var(--mute);font-size:.85rem}.vk-panel h2{margin:0;padding-top:10px;border-top:2px solid var(--ink);font-family:var(--serif);font-weight:800;font-size:1.7rem;line-height:1.35;letter-spacing:.04em}.vk-panel__kana{margin:2px 0 0;color:var(--mute);font-size:.82rem;letter-spacing:.08em}.vk-panel__summary{margin:14px 0;font-size:1.02rem;line-height:1.85}.vk-panel__body{color:#3d3330;line-height:1.9;font-size:.95rem}.vk-panel__body p{margin:0 0 1em}.vk-panel__buttons{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 18px}.vk-panel h3{margin:22px 0 8px;padding-top:12px;border-top:1px solid var(--rule);font-family:var(--serif);font-weight:800;font-size:1rem}.vk-photo{margin:0 0 12px}.vk-photo img{display:block;width:100%;height:auto;border-radius:2px}.vk-photo figcaption{margin-top:4px;color:var(--mute);font-size:.78rem}.vk-slot{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--rule)}.vk-slot__icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border:1.5px dashed var(--mute);border-radius:50%;color:var(--mute)}.vk-slot__icon svg{width:26px;height:26px}.vk-slot__kind{display:block;font-weight:700;font-size:.9rem}.vk-slot__note{display:block;color:var(--mute);font-size:.8rem;line-height:1.6}.vk-slot__badge{padding:2px 8px;border:1px solid var(--mute);border-radius:2px;color:var(--mute);font-size:.72rem;white-space:nowrap}.vk-sources{margin:0;padding:0;list-style:none;font-size:.85rem}.vk-sources li{padding:4px 0}.vk-sources span{color:var(--mute);font-size:.75rem;margin-left:.4em}.vk-bottom{position:fixed;left:var(--gutter);right:var(--gutter);bottom:12px;display:flex;justify-content:space-between;align-items:flex-end;gap:12px;pointer-events:none;z-index:8;font-size:.75rem;color:var(--mute)}.vk-bottom>*{pointer-events:auto}.vk-attr{padding:4px 10px;background:#faf7f0e6;border-radius:2px}.vk-attr a{color:var(--mute)}.vk-hint{max-width:520px;padding:6px 12px;background:#faf7f0eb;border:1px solid var(--rule);border-radius:2px;color:var(--ink);text-align:right;line-height:1.6}.vk-stats{font-family:ui-monospace,Consolas,monospace;white-space:pre}.vk-welcome{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--gutter);background:#faf7f08c;z-index:20}.vk-welcome[hidden]{display:none}.vk-welcome__card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:8px 24px;width:min(760px,100%);padding:30px 32px 28px;background:var(--paper);border:1px solid var(--rule);border-radius:3px;overflow:hidden}.vk-welcome__logo{display:block;width:min(300px,70%);height:auto;margin-bottom:18px}.vk-welcome h1{text-wrap:balance;margin:0 0 12px;padding-top:12px;border-top:2px solid var(--ink);font-family:var(--serif);font-weight:800;font-size:clamp(1.5rem,4vw,2.1rem);line-height:1.4;letter-spacing:.04em}.vk-welcome p{margin:0 0 14px;line-height:1.9}.vk-welcome__note{color:var(--mute);font-size:.85rem}.vk-welcome__buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.vk-welcome__chars{position:relative;align-self:end;margin:-10px -12px -30px 0}.vk-welcome__chars img{display:block;width:100%;height:auto}.vk-welcome__how{margin:6px 0 14px;padding:0;list-style:none;font-size:.85rem;color:var(--mute)}.vk-welcome__how li{padding:5px 0;border-top:1px solid var(--rule);line-height:1.6}.vk-welcome__how strong{color:var(--ink);margin-right:.5em}.vk-loading{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:var(--paper);z-index:30;transition:opacity .5s ease}.vk-loading.is-done{opacity:0;pointer-events:none}.vk-loading img{width:min(340px,70vw);height:auto}.vk-loading__bar{width:min(280px,60vw);height:2px;background:var(--rule)}.vk-loading__bar span{display:block;height:100%;width:0;background:var(--ink);transition:width .2s ease}.vk-loading p{margin:0;font-family:var(--serif);font-weight:600;letter-spacing:.12em;color:var(--mute)}.vk-stick{position:fixed;left:24px;bottom:54px;width:116px;height:116px;border:1.5px solid rgba(35,24,21,.5);border-radius:50%;background:#faf7f08c;z-index:9;touch-action:none}.vk-stick[hidden]{display:none}.vk-stick span{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:var(--ink);opacity:.8}.vk-pano-close{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:25}.vk-pano-close[hidden]{display:none}@media(max-width:760px){.vk-top{flex-direction:column;align-items:stretch;padding:10px var(--gutter);gap:8px}.vk-brand{padding:8px 12px 8px 10px}.vk-brand img{width:34px}.vk-brand__title{font-size:1.05rem}.vk-brand__sub{display:none}.vk-tools{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;touch-action:pan-x;overscroll-behavior:contain}.vk-btn,.vk-seg button{min-height:36px;font-size:.82rem;padding:0 11px}.vk-btn__label--wide{display:none}.vk-tools{margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter)}.vk-index{inset:auto 0 0;width:auto;max-height:58vh;border-radius:10px 10px 0 0}.vk-index[hidden]{transform:translateY(24px)}.vk-panel{inset:auto 0 0;width:auto;max-height:62vh;border-radius:10px 10px 0 0}.vk-panel[hidden]{transform:translateY(24px)}.vk-panel h2{font-size:1.4rem}.vk-hint{display:none}.vk-welcome__card{grid-template-columns:minmax(0,1fr);padding:22px 20px 20px;max-height:calc(100vh - 32px);overflow-y:auto}.vk-welcome__chars{display:none}}