:root{color-scheme:light;--bg: #fbf8f1;--surface: #fffdf8;--warm: #f6efe2;--ink: #2f2218;--brown: #745126;--muted: #83776a;--line: #e8ddcb;--gold: #9b741a;--soft-gold: #b58c3b;--shadow: rgba(67, 45, 18, .12)}:root[data-theme=sepia]{--bg: #f0e5d2;--surface: #fff7e7;--warm: #ead9bb}:root[data-theme=dark]{color-scheme:dark;--bg: #17130f;--surface: #211b15;--warm: #2a231b;--ink: #f8f0e5;--brown: #e5c98d;--muted: #b7aa98;--line: #463b2f;--gold: #d0a64b;--soft-gold: #e0bd68;--shadow: rgba(0, 0, 0, .28)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Cormorant Garamond,Georgia,serif}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;background:linear-gradient(180deg,rgba(255,255,255,.32),transparent 240px),var(--bg)}.loading{display:grid;place-items:center;align-content:center;gap:14px}.splash-logo{width:112px}.app-header{position:sticky;top:0;z-index:20;min-height:72px;display:flex;align-items:center;background:color-mix(in srgb,var(--bg) 94%,white);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.nav-inner{width:min(1120px,100%);margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{border:0;background:transparent;color:var(--brown);font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(26px,4vw,34px);font-weight:700;letter-spacing:.1px;padding:0;white-space:nowrap}.top-nav{display:flex;align-items:center;gap:8px;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:999px}.top-nav button{border:0;border-radius:999px;background:transparent;color:var(--brown);padding:9px 18px;font:800 12px system-ui,sans-serif;letter-spacing:1.4px;text-transform:uppercase}.top-nav .active{background:var(--gold);color:#fff}.content{width:min(1120px,100%);margin:0 auto;padding-bottom:48px}.screen{padding:34px 22px 26px}.eyebrow,.section-title{margin:0 0 12px;color:var(--soft-gold);font:700 11px/1.2 system-ui,sans-serif;letter-spacing:2.8px;text-transform:uppercase}h2{margin:0 0 26px;font-size:clamp(34px,8vw,56px);line-height:.96;font-weight:700}.home-screen{text-align:left}.web-home{padding-top:46px}.hero-panel{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(320px,1.2fr);align-items:center;gap:30px;margin-bottom:30px}.hero-copy{padding:20px 0}.hero-copy h2{margin-bottom:18px}.hero-subtitle{max-width:430px;margin:0;color:var(--muted);font-size:23px;line-height:1.35}.kural-card,.meaning-card,.result-card,.chapter-card,.chapter-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 16px 34px var(--shadow)}.kural-card{width:100%;max-width:680px;margin:0 auto 26px;padding:24px clamp(20px,5vw,42px)}.card-actions{display:flex;justify-content:space-between;align-items:center;color:var(--soft-gold);font:700 12px system-ui,sans-serif;letter-spacing:1.8px;text-transform:uppercase}.kural-tamil,.mini-tamil{font-family:"Noto Serif Tamil",serif;text-align:left}.kural-tamil{margin:28px 0 22px;color:var(--ink);font-size:var(--kural-font-size, clamp(11px, 1.65vw, 20px));line-height:1.9}.kural-tamil span,.mini-tamil span{display:block;white-space:nowrap;overflow:hidden;text-overflow:clip}.book-divider{display:flex;align-items:center;justify-content:center;gap:14px;color:var(--soft-gold);margin:8px 0 24px}.book-divider span{width:54px;height:1px;background:var(--line)}.translation{margin:0;color:var(--muted);font-size:clamp(21px,4.5vw,27px);line-height:1.35;font-style:italic}.card-footer,.detail-nav{display:flex;align-items:center;justify-content:space-between;gap:14px}.card-footer{margin-top:24px}.share-actions{display:flex;gap:8px}.icon-button,.back-button,.detail-nav button{border:0;border-radius:7px}.icon-button{width:36px;height:36px;display:inline-grid;place-items:center;color:var(--gold);background:var(--warm)}.back-button,.detail-nav button{color:var(--gold);background:transparent;font-weight:700}.back-button,.detail-nav button{display:inline-flex;align-items:center;gap:6px;padding:10px 0}.meaning-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-bottom:24px}.meaning-card{padding:22px;text-align:left}.meaning-card h3{margin:0 0 14px;color:var(--brown);font-size:17px;letter-spacing:1.6px;text-transform:uppercase}.meaning-card p{margin:0;font-size:20px;line-height:1.55}.chapter-panel{margin:0 auto 20px;max-width:680px;padding:22px;text-align:center}.chapter-panel p,.chapter-panel span,.muted{color:var(--muted)}.chapter-panel h3{margin:8px 0;font-size:24px}.search-box{height:52px;display:flex;align-items:center;gap:10px;padding:0 15px;background:var(--surface);border:1px solid var(--line);border-radius:4px;color:var(--gold)}.search-box input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:17px}.filter-row{display:flex;gap:9px;overflow-x:auto;padding:16px 0 28px}.filter-row button{flex:0 0 auto;border:1px solid var(--line);background:var(--surface);color:var(--brown);border-radius:8px;padding:9px 13px;font:700 13px system-ui,sans-serif}.filter-row .selected{background:var(--gold);color:#fff;border-color:var(--gold)}.chapter-list,.result-list{display:grid;gap:14px}.chapter-card{position:relative;display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;width:100%;padding:15px;text-align:left;color:var(--ink)}.chapter-card span{grid-row:span 2;width:42px;height:42px;display:grid;place-items:center;color:var(--gold);background:var(--warm);border:1px solid var(--line);border-radius:7px;font-weight:700}.chapter-card strong{min-width:0;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chapter-card small{color:var(--muted);font:600 12px system-ui,sans-serif}.result-card{position:relative;display:block;width:100%;padding:20px;text-align:left;color:var(--ink)}.result-card small{display:block;color:var(--soft-gold);font:700 11px system-ui,sans-serif;letter-spacing:1.1px;margin-bottom:10px}.result-card em{display:block;color:var(--muted);font-size:18px;line-height:1.3}.mini-tamil{margin:0 0 11px;font-size:var(--kural-font-size, clamp(10px, 1.3vw, 13px));line-height:1.65}.watermark{position:absolute;top:4px;right:14px;color:color-mix(in srgb,var(--gold) 13%,transparent);font-size:48px;font-weight:800}.empty{padding:70px 0;text-align:center;color:var(--muted);font-size:21px}@media(min-width:760px){.screen{padding:54px 36px 40px}}@media(max-width:760px){.nav-inner{align-items:flex-start;flex-direction:column;padding:14px 20px;gap:12px}.top-nav{width:100%}.top-nav button{flex:1}.hero-panel{grid-template-columns:1fr;gap:14px}}