:root{--paper:#f5efe3;--ink:#28241e;--muted:#786f63;--line:rgba(66,54,38,.15);--accent:#765638;--focus:#eadcc4;--panel:#faf5ea;--user-fs:0;--user-lh:0;--user-width:0;--reader-pad:clamp(18px,5.2vw,30px);--poem-size:clamp(1.22rem,1.08rem + .55vw,1.52rem);--poem-leading:calc(1.82 + (var(--user-lh)*.08))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--paper);color:var(--ink);font-family:"Noto Serif Tamil","Nirmala UI","Latha",serif;transition:background .25s,color .25s}button,input{font:inherit}button{color:inherit}.reading-progress{position:fixed;z-index:90;left:0;top:0;height:2px;width:0;background:var(--accent)}.reader-bar{position:fixed;z-index:50;top:0;left:0;right:0;height:58px;padding:0 14px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(12px);transition:.25s}.reader-bar.hidden{transform:translateY(-105%);opacity:0}.identity{justify-self:center;display:flex;gap:5px;align-items:baseline;font-size:14px;white-space:nowrap}.identity small{display:none}.top-actions{display:flex;align-items:center}.poem-count{color:var(--muted);font:11px system-ui}.icon-button{border:0;background:transparent;width:40px;height:40px;border-radius:50%;cursor:pointer;font:20px system-ui}.bookmark.saved{color:var(--accent)}.reader{width:100%;max-width:42rem;margin:auto;padding:88px var(--reader-pad) 110px}.poem-head{margin-bottom:27px}.eyebrow{display:flex;justify-content:space-between;color:var(--muted);font:650 10px system-ui}.eyebrow b{font-size:11px;color:var(--accent)}h1{font-size:clamp(1.65rem,1.4rem + 1.05vw,2.15rem);font-weight:600;line-height:1.38;margin:15px 0 8px}.byline{color:var(--muted);font-size:clamp(.82rem,.77rem + .2vw,.92rem);line-height:1.75;margin:0;display:flex;flex-direction:column;gap:1px}.reading-hint{color:var(--muted);opacity:.72;font:10px/1.5 system-ui;margin:14px 0 0}.poem{position:relative}.passage{position:relative;margin:0 -5px;padding:8px 5px;border-radius:10px;font-size:calc(var(--poem-size) + (var(--user-fs)*.075rem));line-height:var(--poem-leading);cursor:pointer;transition:opacity .22s,background .22s}.passage-text{white-space:pre-line}.meaning{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .28s ease,opacity .2s}.meaning>div{overflow:hidden}.meaning-inner{margin:8px 0 5px;padding:14px 15px;border-left:2px solid var(--accent);background:color-mix(in srgb,var(--focus) 60%,transparent);border-radius:0 10px 10px 0;font-family:"Noto Sans Tamil","Nirmala UI",sans-serif;font-size:clamp(.92rem,.87rem + .18vw,1rem);line-height:1.8}.meaning-label{display:block;color:var(--accent);font:700 10px system-ui;margin-bottom:6px}.review{color:var(--muted);font:10px/1.6 system-ui;margin-top:8px}.passage.focus{background:color-mix(in srgb,var(--focus) 58%,transparent)}.passage.focus .meaning,.study .passage .meaning{grid-template-rows:1fr;opacity:1}.lens .passage:not(.focus){opacity:.42}.study .passage{margin-bottom:5px}.quiet-rule{height:1px;background:var(--line);margin:44px 0 0}.info-panel{border-bottom:1px solid var(--line)}.info-panel[hidden]{display:none}.info-panel summary{list-style:none;cursor:pointer;padding:17px 2px;display:flex;justify-content:space-between;font-size:15px;font-weight:600}.info-panel summary::-webkit-details-marker{display:none}.panel-body{padding:0 2px 21px;font-size:15px;line-height:1.9}.overall-body{font-family:"Noto Sans Tamil","Nirmala UI",sans-serif}.poet-name{font-size:18px;font-weight:600}.muted-copy{color:var(--muted);font-size:12px;line-height:1.8}.metadata-row{display:grid;grid-template-columns:34% 1fr;gap:14px;padding:8px 0;font:12px/1.6 system-ui}.metadata-row span:first-child{color:var(--muted)}.poem-nav{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:34px 0 46px}.poem-nav-button{border:0;background:transparent;padding:8px 0;text-align:left;color:var(--muted);font:10px/1.5 system-ui}.poem-nav-button strong{display:block;color:var(--ink);font-size:13px}.poem-nav-button.right{text-align:right}.poem-nav-button:disabled{opacity:.35}.source-note{padding-top:20px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:5px;color:var(--muted);font:10px/1.65 system-ui}.reader-tools{position:fixed;z-index:45;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;gap:3px;padding:5px;border:1px solid var(--line);border-radius:25px;background:color-mix(in srgb,var(--paper) 94%,transparent);box-shadow:0 8px 28px #0002;backdrop-filter:blur(15px);transition:.25s}.reader-tools.hidden{transform:translate(-50%,140%);opacity:0}.tool{border:0;background:transparent;color:var(--muted);border-radius:20px;padding:9px 12px;white-space:nowrap;font:650 11px system-ui}.tool.active{background:var(--ink);color:var(--paper)}.backdrop{position:fixed;z-index:58;inset:0;background:#17120d66;opacity:0;pointer-events:none;transition:.25s}.backdrop.open{opacity:1;pointer-events:auto}.drawer{position:fixed;z-index:60;left:0;top:0;bottom:0;width:min(335px,88vw);padding:22px;background:var(--panel);transform:translateX(-102%);transition:.3s;box-shadow:18px 0 60px #0002}.drawer.open{transform:none}.drawer-head{display:flex;justify-content:space-between;margin-bottom:31px}.drawer-head small,.sheet-title small{display:block;color:var(--muted);font:10px system-ui;margin-top:4px}.nav-label{color:var(--muted);font:700 8px system-ui;letter-spacing:.12em;margin:0 9px 8px}.nav-label.second{margin-top:25px}.drawer nav button{width:100%;border:0;background:transparent;display:flex;justify-content:space-between;padding:12px 10px;border-radius:10px;font:13px system-ui}.drawer nav button span{color:var(--muted);font-size:9px}.drawer nav .nav-current{background:var(--focus)}.drawer-foot{position:absolute;left:22px;bottom:25px;color:var(--muted);font:9px/1.8 system-ui}.appearance-sheet,.index-sheet{position:fixed;z-index:65;left:10px;right:10px;bottom:10px;max-width:520px;margin:auto;padding:10px 18px 19px;background:var(--panel);border:1px solid var(--line);border-radius:22px;box-shadow:0 24px 80px #0004;transform:translateY(120%);transition:.3s;max-height:min(76vh,650px);overflow:auto}.appearance-sheet.open,.index-sheet.open{transform:none}.sheet-handle{width:34px;height:4px;border-radius:5px;background:var(--line);margin:0 auto 8px}.sheet-title{display:flex;justify-content:space-between;align-items:center}.theme-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 0 17px}.theme-choice{border:1px solid var(--line);background:transparent;border-radius:11px;padding:8px 3px;display:flex;justify-content:center;gap:5px;font:9px system-ui}.theme-choice.active{border-color:var(--accent)}.theme-choice i{width:14px;height:14px;border-radius:50%;border:1px solid #0002}.paper-swatch{background:#f5efe3}.sepia-swatch{background:#e6d6b8}.antique-swatch{background:#d4c09a}.dark-swatch{background:#24211d}.range-row{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:14px 0;font:11px system-ui}.range-row input{width:58%;accent-color:var(--accent)}.reset-button{border:1px solid var(--line);background:transparent;border-radius:10px;padding:8px 11px;font:10px system-ui;color:var(--muted)}.index-content{padding:10px 0}.index-item{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;padding:14px 3px;display:flex;justify-content:space-between;gap:15px;font-size:14px}.index-item small{color:var(--muted);font:10px system-ui}.index-empty{padding:28px 4px;color:var(--muted);font:12px/1.8 system-ui}.toast{position:fixed;z-index:80;left:50%;bottom:78px;transform:translate(-50%,20px);padding:9px 14px;border-radius:18px;background:var(--ink);color:var(--paper);font:11px system-ui;opacity:0;pointer-events:none;transition:.22s;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}body[data-theme="sepia"]{--paper:#e7d9bd;--ink:#342a20;--muted:#77634d;--accent:#795027;--focus:#d8c5a1;--panel:#efe1c6}body[data-theme="antique"]{--paper:#d6c39d;--ink:#30271d;--muted:#6d5d48;--accent:#674b2d;--focus:#c7b183;--panel:#dfcda8}body[data-theme="dark"]{--paper:#211f1c;--ink:#e8dfd1;--muted:#a69b8d;--line:#f3e6d21a;--accent:#c59a69;--focus:#342e27;--panel:#292621}@media(max-width:390px){:root{--reader-pad:17px;--poem-size:1.16rem}.reader{padding-top:82px}.identity{font-size:13px}.poem-count{font-size:10px}.tool{padding:8px 10px}}@media(min-width:600px){:root{--reader-pad:32px;--poem-size:1.4rem}.reader{max-width:44rem;padding-top:116px}.reader-bar{height:66px;padding:0 24px}.identity small{display:inline;color:var(--muted);font:10px system-ui;margin-left:7px}.byline{flex-direction:row;align-items:baseline;gap:0}.byline span+span::before{content:" · ";white-space:pre}}@media(min-width:900px){.reader{max-width:48rem;padding-left:48px;padding-right:48px}.passage{font-size:calc(1.48rem + (var(--user-fs)*.085rem))}.appearance-sheet,.index-sheet{left:auto;right:26px;width:410px}.reader-tools{bottom:22px}}@media(min-width:1200px){.reader{max-width:50rem}.poem{max-width:39rem;margin:auto}.poem-head,.info-panels,.poem-nav,.source-note,.quiet-rule{max-width:42rem;margin-left:auto;margin-right:auto}}@media(hover:hover){.passage:hover{background:color-mix(in srgb,var(--focus) 42%,transparent)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important}}