:root{--bg:#F8F6F0;--surface:#FFFFFF;--ink:#12160F;--ink-soft:#000000;--green:#023017;--green-br:#12A150;--gold:#C9A227;--gold-soft:#F2E3B0;--line:#E2DED2;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,sans-serif;--serif:"Iowan Old Style",Georgia,"Times New Roman",serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--ink);font:18px/1.65 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}.page{max-width:900px;margin:0 auto;padding:32px 20px}.header{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid var(--line);margin-bottom:32px}.header .logo{font-family:var(--serif);font-size:1.3rem;font-weight:700;color:var(--green)}.header .user-info{font-size:.9rem;color:var(--ink-soft)}.header .logout-link{color:var(--green);text-decoration:none;font-weight:600;margin-left:16px}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:24px;margin-bottom:20px;transition:box-shadow .15s}.card:hover{box-shadow:0 4px 16px rgba(0,0,0,.06)}.card h2{font-family:var(--serif);font-size:1.4rem;color:var(--ink);margin-bottom:8px}.card p{color:var(--ink-soft);font-size:.95rem;margin-bottom:12px}.card .badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.card .badge.active{background:var(--green-br);color:#fff}.card .badge.locked{background:var(--line);color:var(--ink-soft)}.card .badge.coming{background:var(--gold-soft);color:var(--gold)}.card .open-link{display:inline-block;margin-top:12px;color:var(--green);font-weight:700;text-decoration:none}.card .open-link:hover{text-decoration:underline}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:20px;gap:20px}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:32px 20px}.login-box{max-width:440px;width:100%;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:40px;text-align:center}.login-box h1{font-family:var(--serif);font-size:1.8rem;color:var(--ink);margin-bottom:12px}.login-box p{color:var(--ink-soft);font-size:.95rem;margin-bottom:24px}.login-box .btn{display:block;width:100%;padding:14px 24px;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;text-decoration:none;margin-bottom:12px;transition:transform .15s}.login-box .btn:hover{transform:translateY(-1px)}.login-box .btn-google{background:#fff;color:#333;border:1px solid var(--line)}.login-box .btn-email{background:var(--green);color:#fff}.login-box .divider{margin:20px 0;color:var(--ink-soft);font-size:.85rem}.login-box .error{color:#8B0000;font-size:.9rem;margin-top:16px}.login-box .email-prefill{font-weight:700;color:var(--ink)}.create-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:32px 20px}.create-box{max-width:480px;width:100%;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:40px}.create-box h1{font-family:var(--serif);font-size:1.8rem;color:var(--ink);margin-bottom:12px;text-align:center}.create-box p{color:var(--ink-soft);font-size:.95rem;margin-bottom:24px;text-align:center}.create-box label{display:block;font-weight:600;color:var(--ink);margin-bottom:6px;font-size:.9rem}.create-box input{width:100%;padding:12px 16px;border:1px solid var(--line);border-radius:8px;font-size:1rem;margin-bottom:16px;font-family:var(--sans)}.create-box input:focus{outline:none;border-color:var(--green-br)}.create-box .btn{display:block;width:100%;padding:14px 24px;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;text-decoration:none;text-align:center;margin-bottom:12px}.create-box .btn-google{background:#fff;color:#333;border:1px solid var(--line)}.create-box .btn-email{background:var(--green);color:#fff}.create-box .divider{margin:20px 0;color:var(--ink-soft);font-size:.85rem;text-align:center}.create-box .info-box{margin-top:20px;padding:16px;background:var(--gold-soft);border-radius:8px;font-size:.85rem;color:var(--ink)}.book-frame{width:100%;height:calc(100vh - 80px);border:none;border-radius:12px;background:var(--surface)}.audio-player{max-width:700px;margin:0 auto}.audio-player h1{font-family:var(--serif);font-size:1.8rem;margin-bottom:24px}.audio-player .track{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px;margin-bottom:16px}.audio-player .track h3{font-size:1.1rem;color:var(--ink);margin-bottom:8px}.audio-player .track audio{width:100%;margin-top:12px}.audio-player .track.coming{opacity:.6}.audio-player .track.coming h3:after{content:" — Coming Soon";color:var(--gold)}@media (max-width:768px){.grid{grid-template-columns:1fr}.header{flex-direction:column;gap:12px}}@media (max-width:480px){.page{padding:20px 16px}.create-box,.login-box{padding:24px}}