*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--red: #CC0000;--red-dark: #990000;--red-deep: #660000;--nav-h: 60px;--nav-item-w: 60px;--card-radius: 0px;font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}html,body,#root{height:100%;overflow:hidden}button{border:none;background:none;cursor:pointer;font-family:inherit}.app{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--red-deep);overflow:hidden;display:flex;flex-direction:column}.slides-container{flex:1;position:relative;overflow:hidden}.slide{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(calc(var(--offset, 0) * 100%));transition:transform .32s cubic-bezier(.4,0,.2,1);will-change:transform}.intro-slide{height:100%;background:var(--red);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 28px 20px;text-align:center;color:#fff;gap:16px}.intro-body{display:flex;flex-direction:column;align-items:center;gap:20px}.intro-tagline{font-size:.9rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.75}.intro-title{font-family:Inter,system-ui,sans-serif;font-size:clamp(3rem,14vw,5rem);font-weight:700;line-height:1;letter-spacing:-.01em;text-transform:uppercase}.intro-desc{font-size:1rem;line-height:1.6;opacity:.88;max-width:320px}.intro-start-btn{display:inline-flex;align-items:center;gap:10px;background:#fff;color:var(--red);font-family:Inter,system-ui,sans-serif;font-size:1.15rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:14px 28px;border-radius:4px;transition:opacity .15s,transform .15s;margin-top:4px}.intro-start-btn:active{opacity:.85;transform:scale(.97)}.intro-arrow{font-size:1.3rem}.intro-hint{font-size:.8rem;opacity:.55;letter-spacing:.03em;margin-top:auto;padding-bottom:4px}.word-card{height:100%;display:flex;flex-direction:column;background:#fff}.word-photo{flex:0 0 38%;position:relative;overflow:hidden;background:var(--red)}.word-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.photo-placeholder{height:100%;display:flex;align-items:center;justify-content:center;background:var(--red)}.photo-letter{font-family:Inter,system-ui,sans-serif;font-size:clamp(6rem,20vw,12rem);font-weight:700;color:#ffffff2e;line-height:1;-webkit-user-select:none;user-select:none}.word-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px 22px 24px}.word-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:4px}.word-title{font-family:Inter,system-ui,sans-serif;font-size:clamp(2rem,8vw,2.8rem);font-weight:700;color:var(--red);line-height:1;text-transform:lowercase;letter-spacing:-.01em}.word-title:first-letter{text-transform:uppercase}.sound-btn{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;margin-top:4px;transition:background .15s,transform .15s}.sound-btn svg{width:20px;height:20px;fill:currentColor}.sound-btn:active{transform:scale(.92)}.sound-btn--unavailable{background:#ddd;color:#aaa;cursor:default}.sound-btn--playing{background:var(--red-dark)}.word-phonetic{font-size:.9rem;color:#888;margin-bottom:14px;font-style:italic;letter-spacing:.02em}.word-entries{display:flex;flex-direction:column;gap:16px}.entry{display:flex;flex-direction:column;gap:6px}.entry-meta{font-size:.82rem;color:#999;font-style:italic}.entry-plural{font-style:normal;color:#bbb}.definition{font-size:.97rem;color:#1a1a1a;line-height:1.5}.def-num{font-weight:600}.entry-notes{font-size:.875rem;color:#555;line-height:1.5;font-style:italic}.examples{list-style:none;display:flex;flex-direction:column;gap:4px;margin-top:2px;padding-left:4px;border-left:2px solid #f0f0f0}.example{font-style:italic;color:#666;font-size:.875rem;line-height:1.45}.alphabet-nav{position:relative;flex-shrink:0;background:#e06655;height:calc(var(--nav-h) + env(safe-area-inset-bottom,0px));overflow:visible}.alphabet-nav:before{content:"";position:absolute;top:-14px;left:50%;transform:translate(-50%);width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-bottom:14px solid var(--red);z-index:3;pointer-events:none}.alphabet-nav:after{content:"";position:absolute;top:0;left:calc(50% - 30px);width:var(--nav-item-w);height:var(--nav-h);background:var(--red);z-index:1;pointer-events:none}.nav-items{position:absolute;top:0;right:0;bottom:0;left:0;height:var(--nav-h);overflow:hidden;cursor:grab;user-select:none;-webkit-user-select:none}.nav-items--dragging{cursor:grabbing}.nav-item{position:absolute;top:0;left:calc(50% - 30px);width:var(--nav-item-w);height:var(--nav-h);display:flex;align-items:center;justify-content:center;color:#ffffffb3;font-weight:700;font-size:1.1rem;letter-spacing:.03em;z-index:2;transform:translate(calc(var(--nav-offset) * var(--nav-item-w) + var(--drag-offset, 0px)));-webkit-tap-highlight-color:transparent}.nav-item.active{color:#fff}.nav-item svg{width:22px;height:22px;fill:currentColor}.nav-arrow{display:none}@media (min-width: 740px){:root{--card-w: 440px;--slide-step: 480px;--card-radius: 12px}.app{background:radial-gradient(ellipse at center,#7a0000,#3a0000)}.slide{left:calc(50% - var(--card-w) / 2);right:auto;top:0;bottom:0;width:var(--card-w);transform:translate(calc(var(--offset, 0) * var(--slide-step)))}.word-card,.intro-slide{border-radius:var(--card-radius);overflow:hidden;box-shadow:0 8px 40px #00000080}.slide:not(.active) .word-card,.slide:not(.active) .intro-slide{opacity:.55;filter:brightness(.8);transition:opacity .32s,filter .32s}.slide.active .word-card,.slide.active .intro-slide{opacity:1;filter:none;transition:opacity .32s,filter .32s}.nav-arrow{display:flex;position:fixed;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:#ffffff26;color:#fff;font-size:1.4rem;align-items:center;justify-content:center;z-index:10;transition:background .15s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.nav-arrow:hover{background:#ffffff47}.nav-arrow--prev{left:calc(50% - var(--card-w) / 2 - 68px)}.nav-arrow--next{right:calc(50% - var(--card-w) / 2 - 68px)}.word-photo{flex:0 0 42%}.word-content{padding:24px 28px 28px}}@media (min-width: 1100px){:root{--card-w: 500px;--slide-step: 560px}}