@font-face{font-family:Inter;src:url('/assets/InterVariable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{font-family:Inter,Arial,sans-serif;color:#1d1c1a;background:#fcfbf9;--ink:#1d1c1a;--muted:#615e58;--line:#e6e3dd;--surface:#fff;--soft:#f6f5f2;--sand:#e9dfcf}
*{box-sizing:border-box}body{margin:0;min-height:100vh}header{position:fixed;inset:0 auto auto 0;width:246px;height:100px;padding:28px 24px;background:#f3f0e9;color:var(--ink);z-index:4}header h1{font:700 1.35rem Inter,Arial,sans-serif;letter-spacing:-.045em;text-transform:lowercase;margin:0}header h1 img{width:42px;height:42px;object-fit:contain;vertical-align:middle;margin-right:8px}header p{margin:5px 0 0 48px;color:#77736d;font-size:.69rem;line-height:1.3}main{max-width:1550px;min-height:100vh;margin:0 0 0 246px;padding:48px clamp(24px,4vw,64px) 72px}nav{position:fixed;z-index:3;top:100px;bottom:0;left:0;width:246px;padding:18px 15px 26px;display:flex;flex-direction:column;gap:5px;align-items:stretch;background:#f3f0e9;border-right:1px solid var(--line)}nav button,nav a button{width:100%;text-align:left;padding:13px 14px;border-radius:10px;font-weight:550;background:transparent;color:#615e58}nav button:not(.secondary){background:#e4dfd5;color:#1d1c1a}nav a{margin-top:auto;text-decoration:none}nav a button{font-size:.82rem;border:1px solid #ded9cf}button{cursor:pointer;border:1px solid #1d1c1a;border-radius:10px;background:#1d1c1a;color:white;padding:10px 15px;font:600 .86rem Inter,Arial,sans-serif;transition:background-color .18s ease,border-color .18s ease}button.secondary{background:#fff;color:#45423e;border-color:#e4e0d9}button:hover:not(:disabled){filter:none;background:#393732;color:#fff}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #7b7063;outline-offset:3px}input,select{font:inherit;border:1px solid #dedbd5;padding:11px 12px;border-radius:10px;background:#fff;min-height:42px;color:#1d1c1a}a{color:#38352f}h2,h3{font-family:Inter,Arial,sans-serif;letter-spacing:-.035em;color:#1d1c1a}h2{font-size:1.75rem;line-height:1.2;margin:0 0 9px}h3{font-size:1.08rem;margin:0}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:25px;margin-bottom:20px}.muted{color:#68645e;font-size:.87rem;line-height:1.55}.hidden{display:none!important}#notice{margin:0 0 16px;color:#4d4a45;white-space:pre-wrap}#notice:empty{display:none}#versionWarning{margin-bottom:20px}#library{padding:0;border:0;background:transparent}.library-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:31px}.library-heading p:last-child{margin:5px 0 0}.eyebrow{font-size:.67rem;font-weight:700;letter-spacing:.13em;color:#807a72;margin:0 0 13px}.library-heading button{white-space:nowrap}.shelf-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-bottom:24px;border-bottom:1px solid var(--line)}.search-field{display:flex;align-items:center;gap:10px;min-width:250px;flex:1;background:#fff;border:1px solid #dedbd5;border-radius:10px;padding:0 12px}.search-field>span:not(.sr-only){font-size:1.4rem;color:#807b72}.search-field input{border:0;outline:0;min-width:0;width:100%;padding-left:0}.search-field:focus-within{outline:3px solid #b7ab99;outline-offset:2px}.search-field input:focus-visible{outline:0}.view-switch{display:inline-flex;padding:3px;background:#edeae4;border-radius:11px;gap:2px}.view-switch button{border:0;background:transparent;color:#716d66;padding:8px 10px}.view-switch button[aria-pressed=true]{background:#fff;color:#1d1c1a;box-shadow:0 1px 3px #00000010}.collection-meta{display:flex;justify-content:space-between;align-items:baseline;margin:28px 0 20px}.shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:32px 24px;align-items:start}.shelf-item{min-width:0}.book-cover{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%;aspect-ratio:3/4.05;padding:20px 17px 17px;text-align:left;border-radius:3px 9px 9px 3px;border:1px solid #c6bba9;background:#e9dfcf;color:#2d2924;box-shadow:inset 6px 0 0 #0000000a,0 5px 12px #26221c18;overflow:hidden}.book-cover:hover:not(:disabled){background:#ded2bf;color:#211e1a;transform:translateY(-2px)}.book-cover:after{content:'';width:36px;height:1px;background:currentColor;opacity:.5;margin-top:15px}.book-cover.cover-1{background:#d4d7cf;border-color:#b8beb2}.book-cover.cover-2{background:#e8d5c7;border-color:#d8bbab}.book-cover.cover-3{background:#dededc;border-color:#c9cac6}.book-type{font-size:.63rem;font-weight:700;letter-spacing:.14em;opacity:.7}.book-title{font:650 1rem/1.25 Inter,Arial,sans-serif;letter-spacing:-.025em;margin-top:22px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow-wrap:anywhere}.book-author{font-size:.68rem;font-weight:450;line-height:1.4;margin-top:12px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.book-mark{font-size:.53rem;letter-spacing:.14em;margin-top:auto;opacity:.65}.book-details{margin-top:12px}.book-details strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.84rem}.book-details small{display:block;margin-top:4px;color:#77736e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem}.book-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.book-actions button{font-size:.7rem;padding:6px 9px}.shelf-empty{grid-column:1/-1;text-align:center;padding:70px 20px;border:1px dashed #d9d2c6;border-radius:16px;background:#f8f6f1}.shelf-empty strong{font-size:1.05rem}.shelf-empty p{margin:8px 0 18px}.library-tools{margin-top:45px;border-top:1px solid var(--line);padding-top:20px;color:#5c5852;font-size:.84rem}.library-tools summary{cursor:pointer;font-weight:600}.library-tools .row{margin-top:12px}table{width:100%;border-collapse:collapse;background:#fff}td,th{text-align:left;padding:12px 8px;border-bottom:1px solid #edf0eb;vertical-align:top}td button{padding:6px 9px;font-size:.75rem}.scroll{overflow:auto}.badge{font-size:.73rem;background:#eeeae2;padding:4px 7px;border-radius:5px}small{display:block;color:#77736e;margin-top:4px}#sendPanel,#metadataPanel{scroll-margin-top:25px}footer{margin-left:246px;padding:20px;color:#9a958c;text-align:center;font-size:.73rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:820px){header{position:relative;width:auto;height:auto;padding:16px 20px}header p{display:none}nav{position:relative;top:auto;left:auto;bottom:auto;width:auto;padding:8px 16px;flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}nav button,nav a button{width:auto;white-space:nowrap;padding:9px 11px}nav a{margin-top:0}main{margin:0;padding:28px 20px 50px}.library-heading{align-items:flex-start}.shelf{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:24px 16px}footer{margin:0}.book-cover{padding:15px 13px}.book-title{font-size:.88rem}}
@media(max-width:490px){.library-heading{flex-direction:column;align-items:flex-start}.shelf-toolbar{align-items:stretch}.search-field{min-width:100%;flex:1 0 100%}.shelf-toolbar select{flex:1}.shelf{grid-template-columns:repeat(2,minmax(0,1fr))}h2{font-size:1.5rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}

.auth-pending>header,.auth-pending>main,.auth-pending>footer,.login-active>header,.login-active>main,.login-active>footer{display:none}.login-screen{min-height:100vh;display:grid;grid-template-columns:minmax(380px,43%) 1fr;background:#fcfbf9}.login-content{display:flex;flex-direction:column;padding:32px clamp(32px,5vw,80px)}.login-brand{display:flex;align-items:center;gap:10px;font-size:1.4rem;letter-spacing:-.05em}.login-brand img{width:50px;height:50px;object-fit:contain}.login-form-wrap{width:min(100%,390px);margin:auto}.login-form-wrap h2{font-size:clamp(2rem,3vw,2.65rem);line-height:1.1;letter-spacing:-.055em}.login-form-wrap>p:not(.eyebrow){color:#706a62;line-height:1.6}.login-form-wrap form{display:grid;gap:10px;margin-top:30px}.login-form-wrap label{font-size:.8rem;font-weight:650;margin-top:10px}.login-form-wrap input,.login-form-wrap button{width:100%}.login-form-wrap button{min-height:46px;margin-top:10px}.login-form-wrap #codeField{display:grid;gap:10px}.login-footer{color:#969088;font-size:.75rem}.login-art{background:#e9e0d1 url('/assets/biblioteca-entrada.png') center/cover no-repeat}.login-form-wrap #loginMessage{min-height:2.5em;font-size:.82rem} @media(max-width:820px){.login-screen{grid-template-columns:1fr}.login-art{min-height:240px;grid-row:1;background-position:center 55%}.login-content{min-height:calc(100vh - 240px);padding:24px}.login-form-wrap{padding:45px 0}.login-brand img{width:42px;height:42px}}
.reading{overflow:hidden}.reader{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;background:#fcfbf9}.reader-bar{display:flex;align-items:center;gap:18px;padding:12px 20px;border-bottom:1px solid #e6e3dd;background:#fff}.reader-heading{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}.reader-heading strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}.reader-heading span{font-size:.73rem;color:#68645e}.reader-nav{display:flex;gap:8px;align-items:center}.reader-nav select{max-width:260px}.reader iframe{display:block;width:100%;flex:1;min-height:0;border:0;background:#fcfbf9}@media(max-width:700px){.reader-bar{flex-wrap:wrap;gap:8px;padding:10px 12px}.reader-heading{min-width:150px}.reader-nav{width:100%}.reader-nav select{flex:1;min-width:0}.reader-nav button{padding:9px}}

/* A ilustração se dissolve no branco do formulário de acesso. */
.login-screen{background:#fff}
.login-art{
  background-image:linear-gradient(to right,#fff 0%,rgba(255,255,255,.94) 8%,rgba(255,255,255,.36) 32%,rgba(255,255,255,0) 58%),url('/assets/biblioteca-entrada.png');
}
@media(max-width:820px){
  .login-art{background-image:linear-gradient(to top,#fff 0%,rgba(255,255,255,.8) 10%,rgba(255,255,255,0) 48%),url('/assets/biblioteca-entrada.png')}
}