:root{font-family:Aptos,Noto Sans Tamil,Segoe UI,sans-serif;color:#162725;background:#f4f0e7;font-synthesis:none;--ink: #173c3a;--paper: #fffdf8;--line: #d7d1c4;--accent: #d57a24;--muted: #65716d}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;background:linear-gradient(90deg,rgba(23,60,58,.035) 1px,transparent 1px) 0 0 / 28px 28px,#f4f0e7}.masthead{min-height:72px;display:flex;align-items:center;gap:12px;padding:14px clamp(18px,4vw,56px);color:#fff;background:var(--ink);border-bottom:4px solid var(--accent)}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.7);border-radius:50%;font-family:Georgia,serif;font-size:14px}.brand-copy{display:flex;flex-direction:column;letter-spacing:.02em}.brand-copy span{font-family:Georgia,"Noto Serif Tamil",serif;font-size:19px}.brand-copy small{color:#bad0c9;font-size:11px;letter-spacing:.1em}.language-button{margin-left:auto;color:#fff;background:transparent;border:1px solid #76908a;border-radius:4px;padding:7px 10px}.language-button:hover,.language-button:focus-visible{border-color:#fff;outline:none}.workspace{width:min(1040px,calc(100% - 32px));margin:0 auto;padding:clamp(42px,9vh,96px) 0}.access-card,.picker-panel,.offline-state{width:min(100%,520px);margin:0 auto}.eyebrow{margin:0 0 8px;color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.app-shell h1{margin:0 0 30px;color:var(--ink);font-family:Georgia,"Noto Serif Tamil",serif;font-size:clamp(30px,5vw,52px);font-weight:400;line-height:1.08}.access-card{padding:clamp(26px,6vw,48px);background:var(--paper);border:1px solid var(--line);box-shadow:12px 14px #173c3a17}.access-card label{display:grid;gap:7px;margin-top:16px;color:#344744;font-size:13px;font-weight:650}.access-card input{min-height:44px;padding:9px 12px;border:1px solid #9ba39e;border-radius:3px;background:#fff;color:#15211f}.access-card input:focus{border-color:var(--ink);outline:2px solid rgba(23,60,58,.17);outline-offset:1px}.field-message{color:#9b2f20;font-size:13px}.primary-button,.secondary-button{min-height:42px;border-radius:3px;padding:9px 18px;font-weight:700}.primary-button{width:100%;margin-top:24px;color:#fff;background:var(--ink);border:1px solid var(--ink)}.primary-button:hover{background:#24534f}.secondary-button{color:var(--ink);background:transparent;border:1px solid var(--ink)}.quiet-state{min-height:260px;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--muted)}.spinner{width:17px;height:17px;border:2px solid #b8beb9;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.society-list{border-top:1px solid var(--line)}.society-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 2px;color:inherit;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line)}.society-row strong,.society-row small{display:block}.society-row strong{font-family:Georgia,"Noto Serif Tamil",serif;font-size:19px;font-weight:400}.society-row small{margin-top:4px;color:var(--muted)}.row-action{color:var(--accent);font-weight:700}.society-row:hover strong{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:5px}.offline-state{text-align:center}.offline-glyph{display:inline-grid;place-items:center;width:58px;height:58px;margin-bottom:22px;color:var(--accent);border:1px solid var(--accent);border-radius:50%;font-size:26px}.offline-state p{max-width:430px;margin:-14px auto 26px;color:var(--muted);line-height:1.6}.app-shell footer{padding:18px;color:#77817d;text-align:center;font-size:11px;letter-spacing:.04em}.web-workspace{--cc-web-toolbar-height: 48px;background:var(--cc-surface-primary, #fff)}.web-session-toolbar{height:var(--cc-web-toolbar-height);display:flex;align-items:center;gap:16px;padding:0 12px;overflow-x:auto;white-space:nowrap;border-bottom:1px solid #d1d1d1;font-size:12px}.web-session-toolbar button{min-height:32px;padding:4px 10px;color:inherit;background:transparent;border:1px solid #b3b3b3;border-radius:4px}.web-session-toolbar button:first-of-type{margin-left:auto}@media print{.web-session-toolbar{display:none!important}}@media(max-width:720px){.workspace{padding-top:46px}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}