@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap";:root{color:#20312b;font-synthesis:none;--green:#173e32;--deep:#102e26;--sage:#7e9b82;--cream:#f5f3ed;--paper:#fffefb;--gold:#c49449;--line:#e4e1d8;--muted:#718078;background:#f5f3ed;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:#17352c;font-family:Playfair Display,serif}h1{font-size:clamp(2.2rem,4vw,3.55rem);line-height:1.05}h2{font-size:1.65rem}h3{font-size:1.3rem}.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#6d8878;font-size:.69rem;font-weight:700}.brand{color:var(--green);align-items:center;gap:11px;display:flex}.brand-mark{border:1px solid #789181;border-radius:50%;place-items:center;width:43px;height:43px;display:grid}.brand b{letter-spacing:.08em;font-family:Playfair Display;font-size:1.3rem;display:block}.brand small{text-transform:uppercase;letter-spacing:.1em;opacity:.72;font-size:.62rem;display:block}.login-page{grid-template-columns:1.08fr .92fr;min-height:100vh;display:grid}.login-story{color:#e6ede8;background:linear-gradient(145deg,#0d2d24fa,#1e4537eb),radial-gradient(circle at 20% 80%,#6f8b77,#0000 45%);flex-direction:column;padding:52px 7vw;display:flex;position:relative;overflow:hidden}.login-story:after{content:"𝄞";color:#fff;opacity:.025;font-size:26rem;position:absolute;bottom:-9rem;right:-3rem}.story-copy{max-width:620px;margin:auto 0}.story-copy h1{color:#fff;margin:22px 0;font-size:clamp(2.8rem,5vw,5.2rem)}.story-copy p{color:#c6d1ca;max-width:500px;font-size:1.05rem;line-height:1.8}.story-quote{color:#b9c8be;font-family:Playfair Display;font-style:italic}.login-panel{background:var(--paper);place-items:center;padding:48px;display:grid}.login-card{width:min(420px,100%)}.mobile-brand{display:none}.login-card h2{margin:14px 0 8px;font-size:2.2rem}.login-card form{gap:20px;margin-top:35px;display:grid}.login-card label{gap:8px;font-size:.78rem;font-weight:600;display:grid}.login-card input{background:#fbfcfa;border:1px solid #d8ddd8;border-radius:8px;outline:none;width:100%;padding:14px 15px}.primary-button,.secondary-button{border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:14px 18px;font-weight:700;display:flex}.primary-button{background:var(--green);color:#fff}.primary-button:hover{background:#0d2e25}.primary-button:disabled{opacity:.65}.secondary-button{color:var(--green);border:1px solid var(--line);background:#fff;text-decoration:none}.login-help{text-align:center;color:var(--muted);margin-top:26px;font-size:.75rem}.form-error{color:#a63f3f;background:#fbeded;border-radius:6px;margin:0;padding:10px;font-size:.82rem}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--paper);border-right:1px solid var(--line);z-index:20;flex-direction:column;width:258px;padding:30px 20px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-top{padding:0 9px 32px}.sidebar nav{gap:5px;display:grid}.sidebar nav button,.sidebar-bottom>button{color:#65736d;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:13px;padding:12px 13px;display:flex}.sidebar nav button:hover,.sidebar nav button.active{color:var(--green);background:#e9eee9;font-weight:700}.sidebar nav button.active:before{content:"";background:var(--gold);border-radius:2px;width:3px;height:20px;position:absolute;left:20px}.sidebar-bottom{margin-top:auto}.sidebar-bottom>button{width:100%}.user-chip{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:12px;padding-top:20px;display:flex}.user-chip>span{width:36px;height:36px;color:var(--green);background:#dfe9e2;border-radius:50%;place-items:center;display:grid}.user-chip div{flex:1;min-width:0}.user-chip b,.user-chip small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.user-chip b{font-size:.78rem}.user-chip small{color:var(--muted);font-size:.68rem}.user-chip button,.icon-button{color:#75817b;background:0 0;border:0;padding:5px}.main-area{width:calc(100% - 258px);min-height:100vh;margin-left:258px}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#f5f3eded;align-items:center;height:96px;padding:0 clamp(25px,4vw,58px);display:flex;position:sticky;top:0}.topbar h2{margin:2px 0 0;font-family:DM Sans;font-size:1.05rem}.notification-button{border:1px solid var(--line);width:42px;height:42px;color:var(--green);background:#fff;border-radius:50%;place-items:center;margin-left:auto;display:grid;position:relative}.notification-button i{background:#c27448;border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:8px}.page-content{max-width:1500px;margin:auto;padding:44px clamp(25px,4vw,58px) 70px}.welcome{background:var(--green);color:#cad7cf;border-radius:14px;align-items:center;min-height:250px;padding:42px 48px;display:flex;position:relative;overflow:hidden}.welcome h1{color:#fff;margin:12px 0;font-size:2.8rem}.welcome p{margin:0}.staff-lines{opacity:.55;border-top:1px solid #789286;border-bottom:1px solid #789286;place-items:center;width:220px;height:150px;margin-left:auto;display:grid;position:relative}.staff-lines:before,.staff-lines:after{content:"";border-top:1px solid #789286;position:absolute;top:49px;left:0;right:0}.staff-lines:after{top:99px}.staff-lines svg{color:#fff;width:70px;height:70px}.section-heading{justify-content:space-between;align-items:end;margin:44px 0 18px;display:flex}.section-heading h3{margin:5px 0 0}.section-heading.compact{margin-top:0}.text-button{color:#547261;background:0 0;border:0;align-items:center;gap:2px;font-size:.78rem;font-weight:700;display:flex}.next-event{background:var(--paper);border:1px solid var(--line);border-radius:12px;align-items:center;gap:25px;padding:23px 28px;display:flex;box-shadow:0 8px 30px #26342d09}.date-tile{width:68px;height:76px;color:var(--green);background:#e8eee9;border-radius:8px;align-content:center;place-items:center;display:grid}.date-tile strong{font-family:Playfair Display;font-size:1.8rem;line-height:1}.date-tile span{text-transform:uppercase;margin-top:4px;font-size:.68rem;font-weight:700}.event-main{flex:1}.event-main h3{margin:8px 0}.tag{text-transform:uppercase;letter-spacing:.1em;border-radius:20px;padding:5px 9px;font-size:.61rem;font-weight:700;display:inline-block}.tag.plum{color:#795366;background:#eee1e9}.event-meta{color:var(--muted);gap:24px;font-size:.78rem;display:flex}.event-meta span{align-items:center;gap:6px;display:flex}.round-button{border:1px solid var(--line);width:43px;height:43px;color:var(--green);background:#fff;border-radius:50%;place-items:center;display:grid}.dashboard-grid{grid-template-columns:1fr 1fr;gap:50px;margin-top:48px;display:grid}.songbook-feature{border:1px solid var(--line);background:var(--paper);text-align:left;width:100%;color:var(--green);border-radius:10px;align-items:center;gap:16px;padding:20px;display:flex}.songbook-feature>span:nth-child(2){flex:1}.songbook-feature b,.songbook-feature small{display:block}.songbook-feature small{color:var(--muted);margin-top:4px;font-size:.72rem}.book-cover{background:var(--green);color:#fff;border-radius:3px 7px 7px 3px;place-items:center;width:54px;height:66px;display:grid;box-shadow:inset 4px 0 #ffffff1f}.announcements{border-top:1px solid var(--line)}.announcements article{border-bottom:1px solid var(--line);gap:13px;padding:16px 5px;display:flex}.announcements i{background:var(--gold);border-radius:50%;width:7px;height:7px;margin-top:6px}.announcements b{font-size:.83rem}.announcements p{color:var(--muted);margin:4px 0 0;font-size:.75rem;line-height:1.45}.page-intro{justify-content:space-between;align-items:end;margin-bottom:40px;display:flex}.page-intro h1{margin:10px 0;font-size:2.9rem}.page-intro p{color:var(--muted);margin:0}.calendar-layout{grid-template-columns:1.25fr .75fr;gap:30px;display:grid}.event-list>div>h3{text-transform:capitalize;margin:30px 0 12px}.event-list>div:first-child>h3{margin-top:0}.event-list button{border:0;border-bottom:1px solid var(--line);text-align:left;color:#36483f;background:0 0;align-items:center;gap:16px;width:100%;padding:17px 12px;display:flex}.event-list button.selected{background:#ecefe9;border-color:#0000;border-radius:8px}.list-date{text-align:center;width:42px}.list-date b,.list-date small,.list-event b,.list-event small{display:block}.list-date b{color:var(--green);font-family:Playfair Display;font-size:1.5rem}.list-date small{text-transform:uppercase;color:var(--muted);font-size:.62rem}.event-list i{border-radius:2px;width:3px;height:36px}.event-list i.sage{background:#77967f}.event-list i.gold{background:#c49449}.list-event{flex:1}.list-event small{color:var(--muted);margin-top:4px;font-size:.72rem}.event-detail{background:var(--paper);border:1px solid var(--line);border-radius:12px;height:max-content;padding:32px;position:sticky;top:125px}.event-detail h2{margin:14px 0 10px;font-size:1.8rem}.event-detail>p{color:var(--muted);line-height:1.55}.event-detail hr{border:0;border-top:1px solid var(--line);margin:25px 0}.detail-row{color:#668071;gap:14px;margin:20px 0;display:flex}.detail-row small,.detail-row b{display:block}.detail-row small{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:4px;font-size:.62rem}.detail-row b{font-size:.78rem}.library-layout{grid-template-columns:280px 1fr;gap:30px;display:grid}.book-list{border-right:1px solid var(--line);padding-right:24px}.book-list h3{margin-top:0}.book-list button{text-align:left;width:100%;color:var(--green);background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;padding:13px 10px;display:flex}.book-list button.active{background:#e6ece7}.book-list button>span{background:var(--green);color:#fff;border-radius:3px;place-items:center;width:38px;height:45px;display:grid}.book-list button div{flex:1}.book-list b,.book-list small{display:block}.book-list b{font-size:.8rem}.book-list small{color:var(--muted);margin-top:3px;font-size:.68rem}.scores-panel{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:30px}.scores-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;padding-bottom:25px;display:flex}.scores-head h2{margin:5px 0 0}.search{border:1px solid var(--line);color:var(--muted);border-radius:7px;align-items:center;gap:8px;width:min(330px,50%);padding:9px 12px;display:flex}.search input{background:0 0;border:0;outline:0;width:100%;font-size:.78rem}.score-table button{border:0;border-bottom:1px solid var(--line);text-align:left;width:100%;color:var(--green);background:0 0;align-items:center;gap:15px;padding:17px 5px;display:flex}.pdf-icon{color:#a55043;border:1px solid #d9aaa3;border-radius:3px;padding:7px 5px;font-size:.58rem;font-weight:800}.score-name{flex:1}.score-name b,.score-name small{display:block}.score-name small{color:var(--muted);margin-top:3px;font-size:.7rem}.open-label{color:#5f7c6c;font-size:.7rem;font-weight:700}.empty{color:#8c9b93;align-content:center;place-items:center;min-height:180px;display:grid}.empty svg{opacity:.45}.empty p{margin:12px 0;font-size:.8rem}.splash{background:var(--cream);align-content:center;place-items:center;gap:25px;min-height:100vh;display:grid}.loader{border:3px solid #dce4de;border-top-color:var(--green);border-radius:50%;width:30px;height:30px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.mobile-only,.scrim{display:none}@media (width<=1000px){.sidebar{transition:all .2s;transform:translate(-100%)}.sidebar-open{transform:translate(0)}.main-area{width:100%;margin-left:0}.mobile-only{display:block}.topbar{gap:12px}.scrim{z-index:15;background:#10251eb0;border:0;display:block;position:fixed;inset:0}.dashboard-grid,.calendar-layout{grid-template-columns:1fr}.event-detail{position:static}.library-layout{grid-template-columns:1fr}.book-list{border:0;border-bottom:1px solid var(--line);padding:0 0 20px}.book-list button{width:250px;display:inline-flex}.login-page{grid-template-columns:1fr}.login-story{display:none}.mobile-brand{margin-bottom:55px;display:block}}@media (width<=650px){.page-content{padding-top:30px}.topbar{height:78px}.welcome{min-height:215px;padding:30px}.welcome h1{font-size:2.1rem}.staff-lines{display:none}.next-event{gap:13px;padding:17px}.event-meta{gap:6px;display:grid}.round-button{display:none}.dashboard-grid{gap:30px}.page-intro{display:block}.page-intro .secondary-button{margin-top:22px}.scores-head{display:block}.search{width:100%;margin-top:20px}.open-label{display:none}.scores-panel{padding:20px}.library-layout{gap:20px}.login-panel{padding:30px 23px}.event-list button{padding-left:3px;padding-right:3px}.event-detail{padding:24px}}:root{color:#171717;--green:#0b0b0b;--deep:#000;--sage:#c6a448;--cream:#f8f7f3;--paper:#fff;--gold:#c6a448;--line:#e5e0d2;--muted:#6d6a62;background:#f8f7f3}h1,h2,h3{color:#0b0b0b}.eyebrow{color:#94751f}.eyebrow.light{color:#d9bd70}.brand{color:#0b0b0b}.brand-mark{border-color:#c6a448}.brand-light{color:#fff}.brand-light .brand-mark{border-color:#c6a448}.login-story{color:#fff;background:linear-gradient(145deg,#000000fc,#191919f5),radial-gradient(circle at 20% 80%,#c6a448,#0000 45%)}.story-copy p{color:#dedbd2}.story-quote{color:#d9bd70}.login-card input{background:#fff;border-color:#d8d2c2}.login-card input:focus{border-color:#c6a448;box-shadow:0 0 0 3px #f3ead2}.primary-button{color:#fff;background:#0b0b0b;border:1px solid #0b0b0b}.primary-button:hover{color:#0b0b0b;background:#c6a448;border-color:#c6a448}.secondary-button{color:#0b0b0b;background:#fff;border-color:#d8c58d}.form-error{color:#0b0b0b;background:#f6e9bf;border-left:3px solid #c6a448}.sidebar nav button,.sidebar-bottom>button{color:#65625c}.sidebar nav button:hover,.sidebar nav button.active{color:#0b0b0b;background:#f4ecd5}.user-chip>span{color:#0b0b0b;background:#f2e7c7}.user-chip button,.icon-button{color:#706c63}.topbar{background:#f8f7f3f0}.notification-button{color:#0b0b0b}.notification-button i{background:#c6a448}.welcome{color:#dedbd2;background:linear-gradient(125deg,#000,#191919);border:1px solid #292929}.staff-lines,.staff-lines:before,.staff-lines:after{border-color:#c6a448}.staff-lines svg{color:#c6a448}.text-button{color:#80651c}.next-event{box-shadow:0 8px 30px #0000000d}.date-tile{color:#0b0b0b;background:#f3ead2}.tag.sage{color:#5f4a12;background:#f3ead2}.tag.gold{color:#0b0b0b;background:#c6a448}.tag.blue{color:#fff;background:#0b0b0b}.tag.plum{color:#0b0b0b;background:#fff;box-shadow:inset 0 0 0 1px #c6a448}.round-button,.songbook-feature,.book-list button,.score-table button{color:#0b0b0b}.book-cover,.book-list button>span{color:#c6a448;background:#0b0b0b}.event-list button{color:#262626}.event-list button.selected,.book-list button.active{background:#f4ecd5}.event-list i.sage,.event-list i.gold{background:#c6a448}.event-list i.blue{background:#0b0b0b}.event-list i.plum{background:#9b927d}.list-date b{color:#0b0b0b}.detail-row{color:#a38126}.detail-row span{color:#0b0b0b}.score-table button:hover{background:#fbf7eb}.pdf-icon{color:#80651c;border-color:#c6a448}.open-label{color:#80651c}.empty{color:#817d73}.loader{border-color:#c6a448 #e8e1cf #e8e1cf}.scrim{background:#000000b8}.admin-tabs{border-bottom:1px solid var(--line);gap:8px;margin-bottom:28px;display:flex}.admin-tabs button{color:var(--muted);background:0 0;border:0;border-bottom:3px solid #0000;align-items:center;gap:8px;padding:12px 18px;font-weight:700;display:flex}.admin-tabs button.active{color:#0b0b0b;border-bottom-color:var(--gold)}.admin-workspace{max-width:1050px}.admin-form{background:var(--paper);border:1px solid var(--line);border-radius:12px;grid-template-columns:1fr 1fr;gap:20px;padding:30px;display:grid}.admin-form label{color:#35332e;gap:8px;font-size:.75rem;font-weight:700;display:grid}.admin-form input,.admin-form textarea,.admin-form select{color:#171717;background:#fff;border:1px solid #d8d2c2;border-radius:7px;outline:0;width:100%;padding:12px 13px}.admin-form textarea{resize:vertical;line-height:1.5}.admin-form input:focus,.admin-form textarea:focus,.admin-form select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #f3ead2}.admin-form label>small{color:var(--muted);font-size:.65rem;font-weight:400}.admin-form .wide{grid-column:1/-1}.form-heading{border-bottom:1px solid var(--line);gap:15px;margin-bottom:2px;padding-bottom:22px;display:flex}.form-heading>span{width:45px;height:45px;color:var(--gold);background:#0b0b0b;border-radius:50%;place-items:center;display:grid}.form-heading h2{margin:0 0 4px}.form-heading p{color:var(--muted);margin:0;font-size:.78rem}.admin-submit{width:max-content;min-width:190px}.form-actions{grid-column:1/-1;gap:10px;display:flex}.admin-message{border-radius:7px;max-width:1050px;margin-bottom:20px;padding:13px 16px;font-size:.8rem;font-weight:600}.admin-message.success{color:#5f4a12;border-left:3px solid var(--gold);background:#f3ead2}.admin-message.error{color:#0b0b0b;background:#eeeae0;border-left:3px solid #0b0b0b}.book-admin-grid{grid-template-columns:1.15fr .85fr;gap:25px;display:grid}.book-admin-grid .admin-form{grid-template-columns:1fr}.book-admin-grid .admin-form .wide{grid-column:auto}.admin-book-list{border:1px solid var(--line);background:#fff;border-radius:12px;height:max-content;padding:25px}.admin-book-list h3{margin:6px 0 16px}.admin-book-list article{border-top:1px solid var(--line);align-items:center;gap:11px;padding:13px 0;display:flex}.admin-book-list article>span{width:35px;height:42px;color:var(--gold);background:#0b0b0b;border-radius:3px;place-items:center;display:grid}.admin-book-list article>div{flex:1;min-width:0}.admin-book-list b,.admin-book-list small{display:block}.admin-book-list b{font-size:.78rem}.admin-book-list small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:.64rem;overflow:hidden}.admin-book-list article>button{border:1px solid var(--line);color:#0b0b0b;background:#fff;border-radius:50%;place-items:center;width:35px;height:35px;display:grid}@media (width<=800px){.admin-form{grid-template-columns:1fr}.admin-form .wide{grid-column:auto}.book-admin-grid{grid-template-columns:1fr}.admin-tabs{overflow-x:auto}.admin-tabs button{white-space:nowrap}.admin-page .page-intro{margin-bottom:25px}}.messages-layout{max-width:900px}.message-compose{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:44px 1fr auto;align-items:start;gap:14px;margin-bottom:28px;padding:22px;display:grid}.compose-avatar,.message-avatar,.person-avatar{color:var(--gold);background:#0b0b0b;border-radius:50%;place-items:center;font-family:Playfair Display;font-weight:700;display:grid}.compose-avatar{width:44px;height:44px}.message-compose label{position:relative}.message-compose textarea{resize:vertical;color:#171717;border:0;outline:0;width:100%;padding:4px 5px 22px;line-height:1.55}.message-compose label>span{color:var(--muted);font-size:.62rem;position:absolute;bottom:4px;right:6px}.message-compose .form-error{grid-column:2/-1}.message-feed{border:1px solid var(--line);background:#fff;border-radius:12px;padding:4px 26px}.message-feed article{border-bottom:1px solid var(--line);gap:14px;padding:22px 0;display:flex}.message-feed article:last-of-type{border-bottom:0}.message-avatar{color:#6f5515;background:#f3ead2;flex:none;width:39px;height:39px}.message-feed article.own .message-avatar{color:var(--gold);background:#0b0b0b}.message-body{flex:1;min-width:0}.message-body header{align-items:center;gap:9px;display:flex}.message-body header b{font-size:.8rem}.message-body header span{color:var(--gold);text-transform:uppercase;letter-spacing:.06em;background:#0b0b0b;border-radius:12px;padding:3px 7px;font-size:.53rem;font-weight:700}.message-body time{color:var(--muted);margin-left:auto;font-size:.65rem}.message-body p{white-space:pre-wrap;overflow-wrap:anywhere;color:#34322e;margin:8px 0 0;font-size:.86rem;line-height:1.55}.admin-user-list{border:1px solid var(--line);background:#fff;border-radius:12px;height:max-content;max-height:650px;padding:25px;overflow:auto}.user-list-heading{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.user-list-heading h3{margin:5px 0 0}.user-list-heading>span{color:#6f5515;background:#f3ead2;border-radius:50%;place-items:center;width:34px;height:34px;font-size:.72rem;font-weight:700;display:grid}.admin-user-list article{border-top:1px solid var(--line);align-items:center;gap:11px;padding:13px 0;display:flex}.person-avatar{flex:none;width:37px;height:37px}.admin-user-list article>div:nth-child(2){flex:1;min-width:0}.admin-user-list b,.admin-user-list small{display:block}.admin-user-list b{font-size:.77rem}.admin-user-list small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:.63rem;overflow:hidden}.role-badge{text-transform:uppercase;letter-spacing:.07em;border-radius:15px;padding:5px 8px;font-size:.56rem;font-weight:800}.role-badge.admin{color:var(--gold);background:#0b0b0b}.role-badge.user{color:#6f5515;background:#f3ead2}.songbook-admin-forms{gap:25px;display:grid}.score-upload-form{border-top:4px solid var(--gold)}.admin-form input[type=file]{color:var(--muted);background:#fbfaf6;padding:8px}.admin-form input[type=file]::file-selector-button{color:#fff;cursor:pointer;background:#0b0b0b;border:0;border-radius:5px;margin-right:12px;padding:9px 12px;font-weight:700}.score-table .pdf-icon{text-align:center;min-width:38px}@media (width<=700px){.message-compose{grid-template-columns:40px 1fr}.message-compose .primary-button{grid-column:2;width:max-content}.message-feed{padding:4px 17px}.message-body header{flex-wrap:wrap}.message-body time{width:100%;margin-left:0}.users-admin-grid{grid-template-columns:1fr}}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:#0b0b0b}body{overscroll-behavior-y:none}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}@media (width<=650px){body{overflow-x:hidden}.topbar{height:calc(78px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}.topbar>.icon-button{min-width:44px;min-height:44px;margin-left:-9px}.page-content{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right));padding-bottom:max(70px,env(safe-area-inset-bottom))}.sidebar{padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom));padding-left:max(20px,env(safe-area-inset-left))}.sidebar nav button,.sidebar-bottom>button{min-height:46px}.login-panel{padding-top:max(30px,env(safe-area-inset-top));padding-bottom:max(30px,env(safe-area-inset-bottom))}.login-card input,.admin-form input,.admin-form textarea,.admin-form select,.message-compose textarea,.search input{font-size:16px}.book-list{white-space:nowrap;scrollbar-width:none;overflow-x:auto}.book-list::-webkit-scrollbar{display:none}.book-list button{vertical-align:top;white-space:normal}.primary-button,.secondary-button{min-height:46px}}