*,*:before,*:after{box-sizing:border-box}html{height:100%}body{margin:0;min-height:100%;font-family:var( --font-sans );font-size:16px;line-height:1.6;color:var( --color-text );background:var( --color-bg );-webkit-font-smoothing:antialiased}:root{--color-bg: #f8f6f3;--color-bg-elevated: #fff;--color-text: #1a1a1a;--color-text-muted: #5c5c5c;--color-accent: #2563eb;--color-accent-hover: #1d4ed8;--color-accent-muted: #e0e7ff;--color-border: #e5e2dd;--color-error: #b91c1c;--color-error-bg: #fef2f2}upload,uploadpage,app{display:contents}:root{--curve: .5rem;--curve-lg: 1.25rem;--curve-sm: .25rem}.app-layout{width:100%}.page-wrapper{display:flex;flex-direction:column;min-height:100vh}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var( --space-sm );flex-wrap:wrap}.page-header-nav{align-items:baseline;justify-content:space-between;display:flex;gap:var( --space-sm );flex-wrap:wrap}.page-header-button,.page-header-back{align-items:center;justify-content:center;display:inline-flex;gap:var( --space-sm );text-decoration:none;min-width:2.5rem;min-height:2.5rem;padding:var( --space-sm ) var( --space-md );background:var( --color-bg-elevated );border:1px solid var( --color-border );border-radius:var( --curve );color:var( --color-text );font-size:1.125rem;line-height:1;transition:border-color .2s ease,background .2s ease,color .2s ease}.page-header-button:hover,.page-header-button:focus-visible,.page-header-back:hover,.page-header-back:focus-visible{border-color:var( --color-accent );background:var( --color-accent-muted );color:var( --color-accent )}.page-header-button:active,.page-header-back:active{border-color:var( --color-accent-hover );background:var( --color-accent-hover );color:#fff}:root{--content-max-width: 640px;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem}:root{--font-sans: system-ui, -apple-system, sans-serif;--font-serif: Georgia, serif}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page-home{flex:1;max-width:var( --content-max-width );width:100%;margin:0 auto;padding:var( --space-2xl ) var( --space-lg )}.home-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var( --space-sm )}.home-list-item{list-style:none}.home-card{background:var( --color-bg-elevated );border-radius:var( --curve );border:1px solid var( --color-border );transition:border-color .2s ease,background .2s ease}.home-list-item:hover .home-card{border-color:var( --color-accent-muted )}.home-list-link:active .home-card{border-color:var( --color-accent-hover );background:var( --color-accent-muted )}.home-list-link{display:block;padding:var( --space-lg );text-decoration:none;color:inherit}.home-list-title{font-family:var( --font-sans );font-weight:600;font-size:1rem;color:var( --color-text );margin:0 0 var( --space-xs );line-height:1.4}.home-list-link:hover .home-list-title{color:var( --color-accent )}.home-list-link:active .home-list-title{color:var( --color-accent-hover )}.home-list-meta{display:block;font-size:.8125rem;color:var( --color-text-muted );margin:0}.home-list-type{text-transform:uppercase;letter-spacing:.04em;font-weight:500;color:var( --color-accent )}.home-section{margin:0}.home-empty{text-align:center;padding:var( --space-2xl ) var( --space-lg );background:var( --color-bg-elevated );border-radius:var( --curve );border:2px dashed var( --color-border )}.home-empty-title{font-family:var( --font-serif );font-size:1.25rem;font-weight:600;color:var( --color-text );margin:0 0 var( --space-sm )}.home-empty-title:first-child{margin-top:0}.home-empty-text{color:var( --color-text-muted );font-size:.9375rem;margin:0 0 var( --space-lg )}.page-footer-cta{display:inline-flex;align-items:center;justify-content:center;gap:var( --space-sm );padding:var( --space-md ) var( --space-xl );background:var( --color-bg-elevated );border:1px solid var( --color-border );border-radius:var( --curve );color:var( --color-text );font-weight:600;font-size:1rem;text-decoration:none;transition:border-color .2s ease,background .2s ease,color .2s ease}.page-footer-cta:hover,.page-footer-cta:focus-visible{border-color:var( --color-accent );background:var( --color-accent-muted );color:var( --color-accent )}.page-footer-cta:active{border-color:var( --color-accent-hover );background:var( --color-accent-hover );color:#fff}.read--full{position:fixed;inset:0;display:flex;flex-direction:column;width:100%;height:100%;background:var( --color-bg )}.read--full .page-header{flex-shrink:0}.read--full main{flex:1;display:flex;flex-direction:column;min-height:0}.read-viewer{flex:1;display:flex;flex-direction:column;min-height:0}.read--full .read-iframe{flex:1;width:100%;min-height:0;border:none;display:block;background:#fff}.read-upload{max-width:var( --content-max-width );margin:0 auto;padding:var( --space-2xl ) var( --space-lg )}.read-upload-title{font-family:var( --font-serif );font-size:1.25rem;font-weight:600;color:var( --color-text );margin:0 0 var( --space-sm )}.read-upload-desc{color:var( --color-text-muted );font-size:.9375rem;margin:0 0 var( --space-lg )}.read-upload-cta{display:block;cursor:pointer}.read-upload-cta input[type=file]{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden;z-index:-1}.read-upload-cta span{display:inline-flex;align-items:center;justify-content:center;gap:var( --space-sm );padding:var( --space-md ) var( --space-xl );background:var( --color-bg-elevated );border:1px solid var( --color-border );border-radius:var( --curve );color:var( --color-text );font-weight:600;font-size:1rem;transition:border-color .2s ease,background .2s ease,color .2s ease}.read-upload-cta:hover span,.read-upload-cta:focus-within span{border-color:var( --color-accent );background:var( --color-accent-muted );color:var( --color-accent )}.read-upload-cta:active span{border-color:var( --color-accent-hover );background:var( --color-accent-hover );color:#fff}.read-error{margin:var( --space-md ) 0 0;padding:var( --space-md );background:var( --color-error-bg );color:var( --color-error );font-size:.875rem;border-radius:var( --curve-sm )}.read-upload a+a{margin-left:var( --space-md )}.read-state{max-width:var( --content-max-width );margin:0 auto;padding:var( --space-2xl ) var( --space-lg );text-align:center}.read-state--loading{margin:var( --space-xl ) auto;padding:var( --space-lg );text-align:center;color:var( --color-text-muted );font-size:.9375rem}.read-state-title{font-family:var( --font-serif );font-size:1.25rem;font-weight:600;color:var( --color-text );margin:0 0 var( --space-sm )}.read-state h2.read-state-title{margin-top:0}.read-state-text{color:var( --color-text-muted );font-size:.9375rem;margin:0 0 var( --space-lg )}.read .page-header+div,.read .page-header+p{padding:var( --space-lg )}