@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap";:root{--bg-color:#e0e5ec;--text-main:#333;--text-light:#666;--red-header:#c44d3a;--green-pill:#81c784;--red-pill:#e57373;--blue-pill:#64b5f6;--yellow-bg:#fff59d;--blue-header:#e3f2fd;--blue-border:#90caf9;--red-circle:#e53935}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Nunito,sans-serif;line-height:1.5;display:flex}.book-container{background:#fff;border-radius:8px;width:100%;max-width:1400px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000026,inset 0 0 40px #0000000d}.book-container:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#0000001a 40%,#00000026 50%,#0000001a 60%,#0000 100%);width:40px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.page{flex:1;padding:40px;position:relative}@media (width<=1024px){body{padding:0}.book-container{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;border-radius:0;flex-direction:row;max-width:100vw;height:100dvh;overflow:auto hidden}.book-container:after{display:none}.page{scroll-snap-align:start;min-width:100vw;height:100%;padding:30px 20px 60px;overflow-y:auto}.page:nth-child(2){border-left:none!important;padding-left:20px!important}}.interactive-text{flex-direction:column;margin-bottom:4px;display:inline-flex;position:relative}.interactive-french{cursor:pointer;border-radius:4px;padding:2px 4px;line-height:1.6;transition:background .2s;display:inline}.interactive-french:hover{background:#0000000d}.interactive-icon{opacity:.5;color:#1976d2;vertical-align:middle;margin-bottom:2px;transition:opacity .2s,transform .1s}.interactive-french:active .interactive-icon,.interactive-french:hover .interactive-icon{opacity:1;transform:scale(1.1)}.interactive-translation{color:var(--text-light);filter:blur(4px);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;margin-top:2px;margin-left:-8px;padding:6px 8px;font-size:.85em;transition:filter .3s,opacity .3s;display:block}.interactive-translation:hover{filter:blur(2px)}.interactive-translation.revealed{filter:blur()}.header-banner{align-items:stretch;margin-bottom:30px;display:flex}.header-number{background:var(--red-header);color:#fff;border-top-left-radius:20px;border-bottom-left-radius:20px;justify-content:center;align-items:center;width:60px;font-size:2.5rem;font-weight:900;display:flex}.header-title{color:#333;background:#f0f4f8;border-top-right-radius:20px;border-bottom-right-radius:20px;flex:1;padding:10px 20px;font-size:1.8rem;font-weight:800}.section-title{background:var(--green-pill);color:#fff;border-radius:999px;align-items:center;gap:10px;margin-bottom:20px;padding:5px 20px;font-size:1.1rem;font-weight:700;display:inline-flex}.section-title.orange{background:#e67e22}.theory-block{background:#f9fbfd;border:1px solid #e0e0e0;border-radius:12px;margin-bottom:30px;padding:20px}.theory-subtitle{color:#2e7d32;align-items:center;gap:8px;margin-bottom:10px;font-weight:800;display:flex}.theory-subtitle:before{content:"";background:#2e7d32;width:10px;height:10px;display:inline-block}.examples-label{color:var(--red-header);font-weight:700}.exercise-header{background:var(--red-header);color:#fff;border-radius:999px;align-items:center;gap:10px;margin-bottom:20px;padding:5px 20px;font-size:1.1rem;font-weight:700;display:inline-flex}.blue-box{background:var(--blue-header);border:2px solid var(--blue-border);border-radius:12px;margin-bottom:20px;padding:15px}.blue-box-title{color:#1976d2;align-items:center;gap:8px;margin-bottom:10px;font-weight:800;display:flex}.blue-box-title:before{content:"";background:#1976d2;width:8px;height:8px;display:inline-block}.exercise-item{border-bottom:1px dashed #e0e0e0;margin-bottom:25px;padding-bottom:15px}.ex-number{background:var(--red-circle);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-right:8px;font-weight:800;display:inline-flex}.ex-stars{color:#fbc02d;background:#fff9c4;border-radius:4px;margin-right:8px;padding:2px 6px;font-size:.8em;font-weight:800}.ex-instruction{margin-bottom:10px;font-weight:700;display:inline}.ex-list{padding-left:10px;list-style-type:none}.ex-list li{gap:8px;margin-bottom:10px;display:flex}.ex-letter{color:var(--red-circle);font-weight:800}