.app{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;font-family:Roboto Mono,Courier New,monospace;font-size:16px;line-height:1.8;transition:background-color .3s ease}@media (max-width: 768px),(pointer: coarse){.app{align-items:flex-start;justify-content:flex-start;padding:86px 30px 30px}}.app.dark{background-color:#111;color:#fff}.app.light{background-color:#fff;color:#000}.terminal{position:relative;min-height:50px;width:max(50vw,280px);max-width:90vw;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}@media (max-width: 768px),(pointer: coarse){.terminal{width:100%;max-width:none;text-align:left;justify-content:flex-start;align-items:flex-start}}.cursor{display:inline-block;width:10px;height:20px;margin-left:1px;animation:blink 1s infinite}.app.dark .cursor{background-color:#fff}.app.light .cursor{background-color:#000}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.terminal-text{white-space:pre-wrap;word-break:break-word}.system-response{opacity:1}.delete-hint{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);opacity:.5;animation:fadeIn 1s ease-in;display:flex;align-items:center;justify-content:center}.app.dark .delete-hint{color:#fff}.app.light .delete-hint{color:#000}@keyframes fadeIn{0%{opacity:0}to{opacity:.5}}.terminal-link{color:inherit;text-decoration:underline;cursor:pointer;transition:opacity .2s ease}.terminal-link:hover{opacity:.7}.app.dark .terminal-link{color:#fff}.app.light .terminal-link{color:#000}.mobile-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background:transparent;border:none;outline:none;font-family:inherit;font-size:inherit;color:transparent;pointer-events:none;z-index:1}.mobile-input:focus{opacity:0}.terminal-text{position:relative;z-index:1;pointer-events:none}.terminal-link{pointer-events:auto;position:relative;z-index:15}@media (max-width: 768px),(pointer: coarse){.mobile-input{pointer-events:none}.terminal-text{pointer-events:auto}.terminal-link{pointer-events:auto;position:relative;z-index:20;display:inline-block;-webkit-touch-callout:default;-webkit-user-select:text;user-select:text;background:#ffffff03;padding:2px;margin:-2px}}.mobile-favicon{position:fixed;top:30px;left:50%;transform:translate(-50%);z-index:100;opacity:.7}.mobile-favicon img{width:32px;height:32px;filter:grayscale(100%);transition:filter .3s ease,opacity .3s ease}.app.dark .mobile-favicon img{filter:grayscale(100%) invert(1)}.app.light .mobile-favicon img{filter:grayscale(100%)}.desktop-favicon-center{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;opacity:0;animation:fadeInCenter 1s ease-in-out forwards}.desktop-favicon-center img{width:64px;height:64px;filter:grayscale(100%)}.app.dark .desktop-favicon-center img{filter:grayscale(100%) invert(1)}.app.light .desktop-favicon-center img{filter:grayscale(100%)}.fade-out{animation:fadeOut 1.5s ease-out forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInCenter{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:.7;transform:translate(-50%,-50%) scale(1)}}