@import "https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";.outfit-title{font-optical-sizing:auto;font-family:Outfit,sans-serif;font-style:normal;font-weight:700}.outfit-content-title{font-optical-sizing:auto;font-family:Outfit,sans-serif;font-style:normal;font-weight:400}:root{--ink:#111;--paper:#fffdf5;--paper-grey:#cccac4;--hazard-yellow:#ffd600;--focus:#f50;--display-font:Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;--body-font:"Arial Black", Arial, Helvetica, sans-serif;font-family:var(--body-font), sans-serif;color:var(--ink);background-color:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:linear-gradient(#11111114 2px,#0000 2px),linear-gradient(90deg,#11111114 2px,#0000 2px);background-size:40px 40px}*{box-sizing:border-box}html{background-color:var(--paper);min-width:320px}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}.app-shell{flex-direction:column;min-height:100svh;display:flex}.share-page{box-sizing:border-box;flex:1;place-items:center;width:100%;padding:clamp(1.25rem,5vw,4rem);display:grid}.share-panel{width:min(100%,72rem)}.share-panel--connected,.share-panel--about{width:min(100%,82rem)}.share-panel--privacy-policy{width:min(100%,72rem)}.page-header{margin:0 0 clamp(2rem,6vw,5rem)}.share-panel h1{width:fit-content;color:var(--ink,#111);background:var(--paper,#fffdf5);border:5px solid var(--ink,#111);box-shadow:12px 12px 0 var(--ink,#111);letter-spacing:-.02em;text-transform:lowercase;margin:0;padding:.04em .12em .12em;font-size:clamp(3.3rem,11vw,9rem);line-height:1.1}.share-panel h1 button{color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:block}.share-panel h1 button:hover{color:var(--hazard-yellow,#006cff);text-decoration:none}.share-panel h1:hover{border-color:var(--hazard-yellow,#006cff);background-color:var(--ink)}.share-panel--privacy-policy h1:hover{border-color:var(--ink,#111);background:var(--paper,#fffdf5)}.share-panel h1 button:active{transform:translate(3px,3px)}.share-panel h1 button:focus-visible{outline:4px solid var(--focus,#006cff);outline-offset:8px}.screen-nav-actions{z-index:10;pointer-events:none;justify-content:space-between;align-items:stretch;gap:1rem;display:flex;position:fixed;top:clamp(1.25rem,3vw,2.5rem);left:clamp(1.25rem,3vw,2.5rem);right:clamp(1.25rem,3vw,2.5rem)}.screen-nav-actions>*{pointer-events:auto}.screen-nav-button{border:4px solid var(--ink,#111);min-height:3.5rem;color:var(--ink,#111);background:var(--hazard-yellow,#ffd600);box-shadow:6px 6px 0 var(--ink,#111);font:800 1rem/1 var(--body-font,"Arial Black", Arial, Helvetica, sans-serif);cursor:pointer;border-radius:0;padding:.8rem 1.2rem}.screen-nav-button:hover{box-shadow:3px 3px 0 var(--ink,#111);transform:translate(3px,3px)}.screen-nav-button:active{box-shadow:none;transform:translate(6px,6px)}.screen-nav-button:focus-visible{outline:4px solid var(--focus,#006cff);outline-offset:5px}.google-play-link{border:4px solid var(--ink,#111);max-width:18rem;min-height:3.5rem;color:var(--ink,#111);background:var(--hazard-yellow,#ffd600);box-shadow:6px 6px 0 var(--ink,#111);font:800 .85rem/1.15 var(--body-font,"Arial Black", Arial, Helvetica, sans-serif);align-items:center;gap:.65rem;padding:.65rem .9rem;text-decoration:none;display:flex}.google-play-link:hover{box-shadow:3px 3px 0 var(--ink,#111);transform:translate(3px,3px)}.google-play-link:focus-visible{outline:4px solid var(--focus,#006cff);outline-offset:5px}.google-play-link svg{fill:currentColor;flex:none}.connection-form{grid-template-columns:minmax(0,1fr) auto;gap:1rem;display:grid}.connection-form input,.connection-form button{box-sizing:border-box;border:4px solid var(--ink,#111);min-height:5rem;color:var(--ink,#111);font:800 clamp(1rem, 2vw, 1.35rem)/1 var(--body-font,"Arial Black", Arial, Helvetica, sans-serif);border-radius:0}.connection-form input{background:var(--paper,#fffdf5);min-width:0;box-shadow:8px 8px 0 var(--ink,#111);outline:none;padding:1.25rem 1.5rem}.connection-form input::placeholder{color:#5d5d5d;opacity:1}.connection-form button{background:var(--hazard-yellow,#ffd600);box-shadow:8px 8px 0 var(--ink,#111);cursor:pointer;padding:1.25rem 2rem;transition:transform .1s,box-shadow .1s}.connection-form button:hover:not(:disabled){box-shadow:4px 4px 0 var(--ink,#111);transform:translate(4px,4px)}.connection-form button:active:not(:disabled){box-shadow:0 0 0 var(--ink,#111);transform:translate(8px,8px)}.connection-form button:disabled{cursor:not-allowed;opacity:.65}.connection-form button[aria-busy=true]{cursor:wait}.connection-form input:focus-visible,.connection-form button:focus-visible{outline:4px solid var(--focus,#006cff);outline-offset:5px}.error-message{border:4px solid var(--ink,#111);font:800 1rem/1.35 var(--body-font,"Arial Black", Arial, Helvetica, sans-serif);background:#ff6b6b;margin:1.75rem 0 0;padding:1rem}.ai-overview{border:4px solid var(--ink,#111);background:var(--paper,#fffdf5);box-shadow:8px 8px 0 var(--ink,#111);margin:0 0 2rem;padding:clamp(1.25rem,2vw,2rem)}.ai-overview h2{font:800 clamp(1.7rem, 4vw, 3rem)/1 var(--body-font,"Arial Black", Arial, Helvetica, sans-serif);text-transform:uppercase;margin:0 0 .75rem}.ai-overview p,.ai-overview li{font:700 1rem/1.6 Arial,Helvetica,sans-serif}.ai-overview ul{margin:1rem 0 0;padding-left:1.3rem}.ai-overview li+li{margin-top:.5rem}.about-screen{gap:clamp(2rem,5vw,4rem);display:grid}.privacy-policy-screen{gap:1.5rem;display:grid}.privacy-policy-screen h2{border:4px solid var(--ink,#111);background:var(--hazard-yellow,#ffd600);width:fit-content;box-shadow:7px 7px 0 var(--ink,#111);font:800 clamp(1.8rem, 5vw, 3.5rem)/1 var(--body-font,"Arial Black", Arial, Helvetica, sans-serif);text-transform:uppercase;margin:0;padding:.35rem .6rem}.privacy-policy-content{gap:1.25rem;margin-top:.75rem;display:grid}.privacy-policy-content p{border:4px solid var(--ink,#111);background:var(--paper,#fffdf5);box-shadow:7px 7px 0 var(--ink,#111);margin:0;padding:clamp(1.25rem,4vw,2rem);font:700 clamp(1rem,2vw,1.2rem)/1.65 Arial,Helvetica,sans-serif}.privacy-policy-content a{color:var(--focus,#006cff);overflow-wrap:anywhere;font-weight:800}.privacy-policy-content a:focus-visible{outline:4px solid var(--focus,#006cff);outline-offset:4px}.about-intro{max-width:62rem}.section-kicker{width:fit-content;color:var(--paper,#fffdf5);background:var(--ink,#111);font:800 .9rem/1 var(--body-font,"Arial Black", Arial, Helvetica, sans-serif);letter-spacing:.12em;margin:0 0 1rem;padding:.45rem .7rem}.about-intro h2,.about-section h3{font-family:var(--body-font,"Arial Black", Arial, Helvetica, sans-serif), serif;text-transform:uppercase;margin:0;line-height:1}.about-intro h2{letter-spacing:-.045em;max-width:13ch;font-size:clamp(2.3rem,7vw,5.5rem)}.about-intro>p:last-child{max-width:52rem;margin:1.5rem 0 0;font:700 clamp(1rem,2vw,1.3rem)/1.55 Arial,Helvetica,sans-serif}.answer-summary{border:4px solid var(--ink,#111);background:var(--hazard-yellow,#ffd600);max-width:60rem;box-shadow:7px 7px 0 var(--ink,#111);margin-top:1.5rem;padding:1.25rem 1.5rem;font:700 1.05rem/1.6 Arial,Helvetica,sans-serif}.about-section{border-top:5px solid var(--ink,#111);padding-top:clamp(1.5rem,4vw,2.5rem)}.about-section h3{border:4px solid var(--ink,#111);background:var(--hazard-yellow,#ffd600);width:fit-content;box-shadow:7px 7px 0 var(--ink,#111);margin-bottom:1.75rem;padding:.35rem .6rem;font-size:clamp(1.6rem,4vw,2.6rem)}.tutorial-steps{counter-reset:tutorial-step;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.tutorial-steps li{border:4px solid var(--ink,#111);background:var(--paper,#fffdf5);min-height:9rem;box-shadow:7px 7px 0 var(--ink,#111);counter-increment:tutorial-step;padding:1.4rem 1.4rem 1.4rem 5rem;position:relative}.tutorial-step-web{background:var(--paper-grey,#cccac4)!important}.tutorial-steps li:before{content:counter(tutorial-step, decimal-leading-zero);font:800 1.3rem/1 var(--body-font,"Arial Black", Arial, Helvetica, sans-serif);position:absolute;top:1.25rem;left:1.25rem}.tutorial-steps strong,.tutorial-steps span{display:block}.tutorial-steps strong{font:800 1.05rem/1.2 var(--body-font,"Arial Black", Arial, Helvetica, sans-serif);text-transform:uppercase;margin-bottom:.55rem}.tutorial-steps span,.section-summary,.security-grid p,.security-note p{font-family:Arial,Helvetica,sans-serif;line-height:1.55}.section-summary{margin:0 0 1.5rem;font-size:1.1rem;font-weight:700}.security-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:1.25rem;display:grid}.security-grid article{border:4px solid var(--ink,#111);background:var(--paper,#fffdf5);box-shadow:7px 7px 0 var(--ink,#111);grid-column:span 2;padding:1.4rem}.security-grid article:nth-child(4){grid-column:2/span 2}.security-grid article>span{background:var(--hazard-yellow,#ffd600);font:800 .9rem/1 var(--body-font,"Arial Black", Arial, Helvetica, sans-serif);margin-bottom:1rem;padding:.35rem .5rem;display:inline-block}.article-ref{background:var(--hazard-yellow,#ffd600);font:800 .9rem/1 var(--body-font,"Arial Black", Arial, Helvetica, sans-serif);padding:.35rem .5rem;display:inline-block}.security-grid h4,.security-note h4{font:800 1.1rem/1.15 var(--body-font,"Arial Black", Arial, Helvetica, sans-serif);text-transform:uppercase;margin:0 0 .65rem}.security-grid p,.security-note p{margin:0}.security-note{border:4px solid var(--ink,#111);background:#ffad8f;margin-top:5rem;padding:1.4rem}.faq-list{gap:1.25rem;display:grid}.faq-item{border:4px solid var(--ink,#111);background:var(--paper,#fffdf5);box-shadow:7px 7px 0 var(--ink,#111);padding:1.4rem 1.5rem}.faq-item h4{font:800 1.1rem/1.2 var(--body-font,"Arial Black", Arial, Helvetica, sans-serif);text-transform:uppercase;margin:0 0 .7rem}.faq-item p{margin:0;font:700 1rem/1.6 Arial,Helvetica,sans-serif}.sharing-workspace{grid-template-columns:minmax(0,3fr) minmax(18rem,2fr);align-items:stretch;gap:clamp(1.5rem,4vw,3rem);display:grid}.sharing-workspace section{flex-direction:column;min-width:0;display:flex}.sharing-workspace h2{border:4px solid var(--ink,#111);background:var(--hazard-yellow,#ffd600);width:fit-content;box-shadow:6px 6px 0 var(--ink,#111);font:800 clamp(1.35rem, 3vw, 2rem)/1 var(--body-font,"Arial Black", Arial, Helvetica, sans-serif);margin:0 0 1rem;padding:.25rem .5rem}.clipboard-panel textarea,.shared-file-list{border:4px solid var(--ink,#111);width:100%;min-height:clamp(20rem,45vh,32rem);color:var(--ink,#111);background:var(--paper,#fffdf5);box-shadow:8px 8px 0 var(--ink,#111);border-radius:0;margin:0;padding:1.25rem;font:700 1rem/1.5 Arial,Helvetica,sans-serif}.clipboard-panel textarea{resize:vertical;outline:none;flex:1}.clipboard-panel textarea::placeholder{color:#5d5d5d;opacity:1}.clipboard-panel textarea:focus-visible{outline:4px solid var(--focus,#006cff);outline-offset:5px}.shared-file-list{flex:1;list-style:none;overflow-y:auto}.empty-file-list{color:#5d5d5d;font-family:var(--body-font,"Arial Black", Arial, Helvetica, sans-serif), serif;text-align:center}.shared-file{border-bottom:3px solid var(--ink,#111);flex-direction:column;gap:.35rem;padding:.75rem 0;display:flex}.shared-file:last-child{border-bottom:0}.shared-file-name{text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.shared-file-status{color:#5d5d5d;font:700 .85rem/1.2 var(--body-font,"Arial Black", Arial, Helvetica, sans-serif), serif;letter-spacing:.05em}.shared-file-download{border:3px solid var(--ink,#111);width:fit-content;color:var(--ink,#111);background:var(--hazard-yellow,#ffd600);box-shadow:4px 4px 0 var(--ink,#111);font:800 .85rem/1.2 var(--body-font,"Arial Black", Arial, Helvetica, sans-serif), serif;letter-spacing:.05em;padding:.35rem .7rem;text-decoration:none}.shared-file-download:hover,.shared-file-download:focus-visible{box-shadow:2px 2px 0 var(--ink,#111);translate:2px 2px}.key-dialog{border:5px solid var(--ink,#111);width:min(100% - 2.5rem,28rem);color:var(--ink,#111);background:var(--paper,#fffdf5);box-shadow:12px 12px 0 var(--ink,#111);text-align:center;border-radius:0;padding:clamp(1.25rem,5vw,2rem)}.key-dialog::backdrop{background:#111111b8}.key-dialog h2{font:800 clamp(1.4rem, 5vw, 2rem)/1 var(--body-font,"Arial Black", Arial, Helvetica, sans-serif);margin:0 0 1.25rem}.key-dialog img{border:4px solid var(--ink,#111);width:100%;max-width:20rem;height:auto;image-rendering:pixelated;margin:0 auto 1.5rem;display:block}.dialog-actions{grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:1rem;display:grid}.key-dialog button{border:4px solid var(--ink,#111);width:100%;min-height:4.5rem;color:var(--ink,#111);background:var(--hazard-yellow,#ffd600);box-shadow:7px 7px 0 var(--ink,#111);font:800 1.1rem/1 var(--body-font,"Arial Black", Arial, Helvetica, sans-serif);cursor:pointer;border-radius:0;padding:1rem 1.5rem}.key-dialog .cancel-button{background:var(--paper,#fffdf5)}.key-dialog button:disabled{cursor:wait;opacity:.65}.key-dialog button:hover:not(:disabled){box-shadow:4px 4px 0 var(--ink,#111);transform:translate(3px,3px)}.key-dialog button:focus-visible{outline:4px solid var(--focus,#006cff);outline-offset:4px}.dialog-error{border:4px solid var(--ink,#111);font:800 .9rem/1.35 var(--body-font,"Arial Black", Arial, Helvetica, sans-serif);text-align:left;background:#ff6b6b;margin:0 0 1.25rem;padding:.75rem}.app-footer{border-top:5px solid var(--hazard-yellow,#ffd600);width:100%;color:var(--paper,#fffdf5);background:var(--ink,#111);padding:1.5rem clamp(1.25rem,5vw,4rem)}.footer-content{background-color:var(--ink);justify-content:space-between;align-items:center;gap:1rem 3rem;width:min(100%,82rem);margin:0 auto;display:flex}.footer-content svg{fill:var(--hazard-yellow,#fffdf5)}.footer-content>a:hover svg{fill:var(--paper,#fffdf5)}.footer-content>a:focus-visible{outline:4px solid var(--focus,#006cff);outline-offset:4px}.footer-copyright{margin:0;font-size:.9rem}.footer-links{flex-wrap:wrap;align-items:center;gap:.75rem .5rem;display:flex}.footer-links a{color:var(--hazard-yellow,#ffd600);font-size:.9rem;text-decoration:none}.footer-links a:hover{color:var(--paper,#fffdf5)}.footer-links a:focus-visible{outline:4px solid var(--focus,#006cff);outline-offset:4px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.about-link{color:var(--focus,#f50);font-size:1rem;font-weight:bolder;text-decoration:none}@media (width<=40rem){.page-header{padding-top:4.75rem}.share-panel--privacy-policy .page-header{padding-top:0}.share-panel h1{box-shadow:8px 8px 0 var(--ink,#111);border-width:4px}.connection-form{grid-template-columns:1fr;gap:1.25rem}.connection-form input,.connection-form button{width:100%;min-height:4.5rem}.tutorial-steps{grid-template-columns:1fr}.tutorial-steps li{padding-left:4.25rem}.footer-content,.footer-links{flex-direction:row;justify-content:center;align-items:flex-start}}@media (width<=52rem){.sharing-workspace{grid-template-columns:1fr}.clipboard-panel textarea,.shared-file-list{min-height:18rem}.security-grid{grid-template-columns:1fr}.security-grid article,.security-grid article:nth-child(4){grid-column:auto}}@media (prefers-reduced-motion:reduce){.connection-form button,.screen-nav-button{transition:none}}