*{box-sizing:border-box;margin:0;padding:0}:root{--col-w: 190px;--item-h: 220px;--kanji-size: 132px;--furi-size: 24px;--furi-h: 30px;--km-h: 20px;--row-gap: 8px}@media(max-width:480px){:root{--col-w: 46vw;--item-h: 200px;--kanji-size: 108px;--furi-size: 20px;--furi-h: 26px}}@media(max-height:640px){:root{--item-h: 180px;--kanji-size: 96px}}html,body,#root{height:100%;overflow:hidden;background:#fafaf7;color:#111;font-family:ui-sans-serif,system-ui,-apple-system,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;user-select:none;-webkit-user-select:none;touch-action:none;-webkit-tap-highlight-color:transparent}.chain{height:100dvh;display:flex;flex-direction:column;position:relative}.search{padding:10px 14px;padding-top:calc(10px + env(safe-area-inset-top));background:transparent;flex:0 0 auto;display:flex;justify-content:center}.search input{width:100%;max-width:420px;padding:8px 12px;border:1px solid #ddd9d0;border-radius:8px;font-size:14px;outline:none;background:#f5f4ee;color:#111;font-family:inherit;touch-action:auto;-webkit-user-select:text;user-select:text}.search input:focus{border-color:#6366f1;background:#fff}@media(max-width:480px){.search input{max-width:none}}.cols-window{flex:1;position:relative;overflow:hidden;min-height:0;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 12%,#000 88%,transparent 100%)}.strip{position:absolute;top:0;bottom:0;left:50%;display:flex;transform:translate(-50%);transition:transform .2s ease-out}.col-slot{flex:0 0 var(--col-w);height:100%;transition:opacity .2s ease-out;will-change:opacity}.slot-prev,.slot-next{opacity:.18}.slot-prev .item.on .kanji,.slot-next .item.on .kanji{color:#888}.slot-0,.slot-1{opacity:1}.cols-window.forward .strip{transform:translate(calc(-50% - var(--col-w)))}.cols-window.forward .slot-0{opacity:0}.cols-window.forward .slot-next{opacity:1}.cols-window.back .strip{transform:translate(calc(-50% + var(--col-w)))}.cols-window.back .slot-1{opacity:0}.cols-window.back .slot-prev{opacity:1}.cols-window.snap .strip,.cols-window.snap .col-slot{transition:none}.col{width:var(--col-w);flex:0 0 var(--col-w);height:100%;overflow-y:scroll;scroll-snap-type:y proximity;scrollbar-width:none;-ms-overflow-style:none;touch-action:pan-y;overscroll-behavior:contain;background:transparent;-webkit-overflow-scrolling:touch}.col::-webkit-scrollbar{display:none}.col-pad{height:calc(50% - calc(var(--item-h) / 2))}.item{height:var(--item-h);scroll-snap-align:center;display:grid;grid-template-rows:var(--furi-h) var(--kanji-size) var(--km-h);row-gap:var(--row-gap);justify-items:center;align-content:center;position:relative;transition:opacity 70ms ease-out;opacity:.14;cursor:pointer}.item.on{opacity:1;cursor:default}.col.out .item:not(.on){opacity:0}.col.in .item:not(.on){animation:itemIn 80ms ease-out}@keyframes itemIn{0%{opacity:0}to{opacity:.14}}.col.active .item.on .kanji{text-shadow:-1px -1px 0 #6366f1,1px -1px 0 #6366f1,-1px 1px 0 #6366f1,1px 1px 0 #6366f1}.furigana{font-size:var(--furi-size);color:#555;letter-spacing:.06em;line-height:var(--furi-h);transition:opacity 50ms ease-out}.kanji{font-size:var(--kanji-size);line-height:1;font-weight:900;color:#111;font-family:Hiragino Mincho ProN,Yu Mincho,serif;transition:text-shadow 80ms ease-out}.kmeanings{font-size:14px;color:#777;max-width:calc(var(--col-w) - 10px);text-align:center;line-height:var(--km-h);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity 50ms ease-out}.word{border-top:1px solid #e5e5e0;padding:24px 20px calc(48px + env(safe-area-inset-bottom));text-align:center;background:#fafaf7}.word-readings{font-size:28px;color:#333;margin-bottom:10px;font-weight:700}.word-meanings{font-size:20px;color:#222;line-height:1.4;font-weight:700}@media(min-width:600px){.word-readings{font-size:32px}.word-meanings{font-size:24px}}.divider{display:none}.shift-hint{position:absolute;bottom:calc(8px + env(safe-area-inset-bottom));left:0;right:0;display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;color:#aaa;pointer-events:none;padding:0 8px}.shift-hint svg{display:block}.shift-hint .kbd{display:inline-block;padding:0 4px;border:1px solid #ddd;border-radius:3px;font-size:10px;line-height:14px;color:#888;background:#fff;margin:0 1px}@media(max-width:480px){.shift-hint{font-size:10px}}.loading{display:flex;align-items:center;justify-content:center;height:100dvh;color:#888;font-size:14px}