html,body{margin:0;min-height:100%}body{font-family:Georgia,Times New Roman,serif;font-size:1.25rem;line-height:1.5;color:#111;background:#f7f7f5}#app{position:relative;min-height:100dvh;min-height:100vh;box-sizing:border-box}#app [data-shell=surface]{box-sizing:border-box;min-height:100dvh;min-height:100vh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#app [data-surface=text],#app textarea[data-surface=input],#app input[data-surface=input]{display:block;width:100%;max-width:40rem;box-sizing:border-box;border:none;background:transparent;font:inherit;color:inherit}#app textarea[data-surface=input],#app input[data-surface=input]{min-height:12rem;resize:vertical;outline:2px solid #333;outline-offset:4px;padding:.25rem 0}#app input[data-surface=input]{min-height:2.5rem;resize:none}#app [data-surface=reading]{max-width:40rem}#app [data-surface=reading] p{margin:0 0 1rem;white-space:pre-line}#app [data-surface=reading] a[data-reading-link]{display:inline-block;margin:0 0 1rem}#app [data-input-actions]{display:flex;flex-wrap:wrap;gap:.75rem;max-width:40rem;margin-top:1rem}#app button[data-input-action],#app button[data-reading-action]{font:inherit;padding:.4rem .9rem;border:2px solid #333;background:#fff;color:inherit;cursor:pointer}#app button[data-input-action]:focus,#app button[data-input-action]:focus-visible,#app button[data-reading-action]:focus,#app button[data-reading-action]:focus-visible{outline:3px solid #111;outline-offset:4px;background:#111;color:#fff}#app [data-shell=touch-gate]{box-sizing:border-box;max-width:40rem;padding:max(1.5rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1.5rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}#app [data-shell=touch-gate] h1{margin:0 0 1rem;font-size:1.5rem;line-height:1.3}#app [data-shell=touch-gate] h1:focus{outline:none}#app [data-shell=touch-gate] a{display:inline-block;padding:.5rem 0;color:inherit}