:root{--canvas:#fafaf7;--ink:#1c1c1a;--paper:#fff;--soft:#f1f1ed;--muted:#666660;--line:#d9d9d4;--accent:#176b4d;--accent-soft:#edf4ef;--secondary-accent:#a6403c;--secondary-soft:#f7eeee;--shadow-frame:color-mix(in srgb, var(--ink) 9.4%, transparent);--shadow-control:color-mix(in srgb, var(--ink) 6.7%, transparent);color:var(--ink);background:var(--canvas);font-synthesis:none;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible,main:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.reader-frame{background:var(--paper);height:calc(100dvh - 40px);box-shadow:0 10px 40px var(--shadow-frame);margin:20px;position:relative}.reader-deck{scroll-snap-type:y proximity;scroll-behavior:smooth;scrollbar-width:thin;height:100%;position:relative;overflow-y:auto}.screen{scroll-snap-align:start;outline:none;align-items:center;min-height:100%;padding:90px 56px;display:flex}.screen-copy{width:100%;max-width:760px;margin:auto}.eyebrow,.meta{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:14px;font-weight:750}.eyebrow{margin:0 0 22px}h1{letter-spacing:-.055em;margin:0 0 28px;font-size:clamp(38px,5vw,64px);line-height:1.02}h2{letter-spacing:-.04em;margin:0 0 28px;font-size:clamp(25px,2.8vw,34px);line-height:1.1}.summary{font-size:24px;line-height:1.45}.meta{margin:28px 0}.start{text-transform:uppercase;border-bottom:2px solid;margin-top:24px;padding:10px 0;font-size:14px;font-weight:750;text-decoration:none;display:inline-block}.tone-0{background:var(--canvas);color:var(--ink)}.tone-1{background:var(--paper)}.tone-2{background:var(--accent-soft)}.tone-3{background:var(--soft)}.phrase{border-bottom:1px solid var(--line);margin:0;padding:14px 0}.tone-0 .phrase{border-color:var(--line)}.phrase:last-child{border-bottom:0}.phrase p{margin:0}.italian{letter-spacing:-.015em;font-size:clamp(28px,3vw,38px);font-weight:650;line-height:1.3}.pronunciation{color:var(--muted);font-size:16px;line-height:1.55;margin-top:4px!important}.meaning{color:var(--muted);font-size:18px;line-height:1.5;margin-top:5px!important}.explanation{max-width:66ch;margin:24px 0 0;font-size:18px;line-height:1.65}.reader-back{z-index:2;background:var(--paper);color:var(--ink);box-shadow:0 4px 20px var(--shadow-control);border-radius:24px;padding:10px 14px;font-size:13px;font-weight:750;text-decoration:none;position:absolute;top:16px;left:18px}.progress{z-index:3;background:var(--line);height:3px;position:absolute;top:0;left:0;right:0}.progress span{background:var(--accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.reader-controls{z-index:2;background:var(--paper);color:var(--ink);border:1px solid var(--line);box-shadow:0 4px 20px var(--shadow-control);border-radius:30px;align-items:center;gap:8px;padding:7px 9px 7px 14px;font-size:13px;font-weight:700;display:flex;position:absolute;bottom:18px;right:18px}.reader-controls[hidden]{display:none}.reader-controls button{border:1px solid var(--muted);background:0 0;border-radius:50%;width:34px;height:34px;font-size:23px}.reader-controls button:disabled{opacity:.3;cursor:default}.lesson-navigation{border-top:1px solid var(--line);gap:16px;margin-top:28px;padding-top:22px;display:grid}.lesson-navigation a{text-underline-offset:4px;min-height:32px;font-size:15px;line-height:1.5}.lesson-navigation strong{margin-top:4px;font-size:22px;display:block}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=600px){.reader-frame{height:100dvh;box-shadow:none;margin:0}.screen{padding:90px 26px 100px}.reader-back{left:18px}.summary{font-size:20px}.explanation,.meaning{font-size:17px}.reader-controls{bottom:14px;right:14px}.reader-controls button{width:40px;height:40px}.phrase{padding:12px 0}h2{margin-bottom:20px}.eyebrow{font-size:13px}.pronunciation{font-size:15px}}@media (prefers-reduced-motion:reduce){.reader-deck{scroll-behavior:auto;scroll-snap-type:none}}.tone-2#screen-7{background:var(--soft)}.eyebrow,.start,.reader-back,.reader-controls,.lesson-navigation a{color:var(--accent)}.takeaway .eyebrow{color:var(--secondary-accent);background:var(--secondary-soft)}.reader-controls button:not(:disabled):hover{background:var(--accent-soft)}