*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;min-height:100vh;background:#eeebe6}body,#root{height:100%;width:100%}.app-container{height:100%;width:100%;display:flex;flex-direction:row;align-items:stretch;justify-content:center;gap:2rem;font-family:Geist Mono,monospace;font-size:16px;line-height:1.3;color:#1c1c1e;margin:0 auto;padding:40px 20px;overflow-y:auto}.app-container>*{flex-shrink:1;max-width:min(640px,100%);height:max-content}.app{background:#eeebe6;display:flex;flex-direction:column;gap:2rem}a{color:#007aff}.hero{display:flex;flex-direction:column;gap:8px}.hero h1{font-size:32px;line-height:1.1}.description{color:#1c1c1e}.download-options,.other-stuff{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.download-option:before{content:"•";margin-right:8px;color:#4a4a4d}.download-context{font-size:12px;margin-left:2px;color:#4a4a4d}.login{display:flex;flex-direction:column;gap:8px;width:100%;max-width:300px}.login input{font-family:Geist Mono,monospace;font-size:16px;padding:8px;border:1px solid #D5D2CD;border-radius:4px;background:transparent;color:#1c1c1e;width:100%;box-sizing:border-box}.login button{font-family:Geist Mono,monospace;font-size:16px;padding:8px;border:1px solid #007AFF;border-radius:24px;background:transparent;color:#007aff;cursor:pointer;width:100%;box-sizing:border-box}.prompt-text{font-family:Geist Mono,monospace;font-size:4px;padding:8px;border-radius:4px;background:#d5d2cd;color:#1c1c1e;width:100%;box-sizing:border-box;white-space:pre-wrap;word-break:break-word;-webkit-user-select:all;user-select:all;margin:8px 0;max-height:100px;overflow-y:auto}.login button:hover{opacity:.8}.login button:disabled{opacity:.5;cursor:not-allowed}.error{color:red;font-family:monospace;font-size:14px;margin:0}.footer{display:flex;justify-content:center}.footer-links{display:flex;gap:32px}@media (max-width: 480px){.footer-links{flex-direction:column;align-items:center;gap:16px}}.export-info{margin-top:40px;padding-top:40px;border-top:1px solid #D1D1D6;padding-bottom:40px}.export-section{margin-bottom:24px}.export-section:last-child{margin-bottom:0}.export-title{display:block;color:#4a4a4d;margin-bottom:8px}.export-description{display:block;white-space:pre-line;color:#1c1c1e;font-size:14px;line-height:1.6}.screenshots{width:100%;margin:8px 0}.screenshots-scroll{display:flex;gap:6px;width:100%;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}.screenshot{height:500px;width:auto;flex:0 0 auto;border-radius:24px;border:1px solid #D5D2CD}.screenshots-scroll{-ms-overflow-style:none;scrollbar-width:none}.screenshots-scroll::-webkit-scrollbar{display:none}.app-iframe{width:100%;height:100%;border:1px solid #1C1C1E}