:root{--bg: #0a0a0a;--fg: #e8e4dc;--muted: #8a867e;--accent: #b8ab8f}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background:var(--bg);color:var(--fg);font-family:ui-serif,Georgia,Times New Roman,serif}body{display:flex;flex-direction:column;min-height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}#offline-banner{background:#3a2c18;color:#f0d9a8;text-align:center;padding:.5rem;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.85rem}main#shell{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem}.glyph{width:128px;height:128px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#d8d2c4,#9a917f 40%,#4a463d 75%,#26241f);box-shadow:0 0 0 4px #1a1916,0 12px 40px #b8ab8f26;margin-bottom:2rem}h1{font-size:2rem;font-weight:500;letter-spacing:.35em;text-transform:uppercase;color:var(--fg);margin-bottom:.75rem}.tagline{color:var(--accent);font-style:italic;margin-bottom:2.5rem}.placeholder{color:var(--muted);font-size:.9rem;max-width:22rem;line-height:1.6}.noscript{text-align:center;padding:2rem;color:var(--muted)}.glyph-small{width:72px;height:72px;margin-bottom:1.25rem}section[hidden]{display:none}#auth-screen{max-width:20rem}form{display:flex;flex-direction:column;gap:.5rem;width:100%;margin-bottom:1.25rem}label{font-family:ui-sans-serif,system-ui,sans-serif;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);text-align:left}input{background:#161512;border:1px solid #2e2c26;border-radius:6px;color:var(--fg);font-family:ui-serif,Georgia,serif;font-size:1rem;padding:.65rem .75rem;width:100%}input:focus{outline:2px solid var(--accent);outline-offset:1px}button{background:var(--accent);color:#14120e;border:none;border-radius:6px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.95rem;font-weight:600;padding:.7rem 1rem;cursor:pointer;margin-top:.35rem}button:disabled{opacity:.55;cursor:wait}button:focus-visible{outline:2px solid var(--fg);outline-offset:2px}#auth-error,#otp-error{color:#e8a0a0;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.85rem;text-align:left}.divider{display:flex;align-items:center;gap:.75rem;color:var(--muted);font-size:.8rem;margin:.5rem 0 1.25rem;width:100%}.divider:before,.divider:after{content:"";flex:1;border-top:1px solid #2e2c26}.auth-links{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.auth-links a{color:var(--accent);font-size:.85rem}#signout-btn{background:transparent;color:var(--muted);border:1px solid #2e2c26;margin-top:2rem}#history-section{width:100%;margin-top:3rem;text-align:left}#catalog-root{width:100%;margin-top:2rem}#catalog-root[hidden]{display:none}#catalog-search{margin-bottom:1rem}#catalog-grid{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media(min-width:480px){#catalog-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:768px){#catalog-grid{grid-template-columns:repeat(4,1fr)}}.catalog-cell button{display:flex;flex-direction:column;align-items:stretch;gap:.4rem;width:100%;padding:0;margin:0;background:none;border:none;border-radius:8px;overflow:hidden;cursor:pointer}.catalog-cell img{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:8px;border:1px solid #2e2c26;background:#161512;display:block}.glyph-cell{width:100%;aspect-ratio:3 / 4;height:auto;border-radius:8px;margin-bottom:0}.catalog-cell .catalog-name{color:var(--fg);font-family:ui-serif,Georgia,serif;font-size:.8rem;line-height:1.3;text-align:left;padding:0 .1rem .25rem}#catalog-sentinel{height:1px}#faculty-detail{width:100%;text-align:center}#faculty-back{background:transparent;color:var(--muted);border:1px solid #2e2c26;margin:0 0 1.25rem}#faculty-detail-stage{max-width:26rem;margin:0 auto 1rem}#faculty-detail-img{width:100%;max-height:70vh;object-fit:contain;border-radius:8px;border:1px solid #2e2c26;background:#161512;display:block}.glyph-detail{width:160px;height:160px;margin:2rem auto}#faculty-detail-name{font-size:1.3rem;letter-spacing:.12em;text-transform:uppercase;font-weight:500;margin-bottom:.4rem}#faculty-detail-tagline{color:var(--muted);font-size:.8rem;font-family:ui-sans-serif,system-ui,sans-serif;margin-bottom:1rem}#history-section h2{font-size:1rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-weight:500;margin-bottom:.75rem;text-align:center}#history-list{list-style:none}#history-list li{border-bottom:1px solid #2e2c26}#history-list button{background:none;color:var(--fg);font-family:ui-serif,Georgia,serif;font-size:.95rem;font-weight:400;padding:.75rem .25rem;margin:0;width:100%;text-align:left;border:none;border-radius:0}#history-list button:hover{color:var(--accent)}#history-retry,#history-detail{margin-top:.5rem}#history-back{background:transparent;color:var(--muted);border:1px solid #2e2c26;margin:0 0 1rem}#history-transcript .exchange{margin-bottom:1.25rem}#history-transcript .exchange .who{font-family:ui-sans-serif,system-ui,sans-serif;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:.25rem}#history-transcript .exchange .text{color:var(--fg);font-size:.95rem;line-height:1.6;white-space:pre-wrap}