:root{--bg-color: #f4f4f4;--text-main: #000000;--grid-line-color: rgba(0, 0, 0, .15);--grid-line-light: rgba(0, 0, 0, .05);--base-font-primary: "Helvetica Neue", Helvetica, Arial, sans-serif;--base-font-secondary: monospace;--font-primary: var(--base-font-primary);--font-secondary: var(--base-font-secondary)}*{box-sizing:border-box}html,body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-main);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-secondary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);margin:0;font-weight:400}p{font-family:var(--font-secondary)}.graph-paper{background-size:20px 20px;background-image:linear-gradient(to right,var(--grid-line-light) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line-light) 1px,transparent 1px)}.graph-paper-fine{background-size:10px 10px;background-image:linear-gradient(to right,var(--grid-line-light) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line-light) 1px,transparent 1px)}.wire-border{border:1px solid var(--grid-line-color)}.wire-border-bottom{border-bottom:1px solid var(--grid-line-color)}.wire-border-right{border-right:1px solid var(--grid-line-color)}.flex-col{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}.justify-center{justify-content:center}.items-center{align-items:center}.poster-container{width:100vw;max-width:100%;margin:0;padding:40px;display:grid;grid-template-columns:30% 1fr;gap:40px;position:relative;min-height:100vh;box-sizing:border-box}.left-column{position:sticky;top:40px;height:calc(100vh - 80px);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.left-column::-webkit-scrollbar{display:none}.left-column{font-family:var(--base-font-secondary)}.left-column h1,.left-column h2,.left-column h3,.left-column h4,.left-column h5,.left-column h6,.left-column .huge-text{font-family:var(--base-font-primary)!important}.left-column p,.left-column span,.left-column div{font-family:var(--base-font-secondary)}.measure-mark{font-family:monospace;font-size:8px;letter-spacing:1px;color:var(--text-main);position:relative}.dot{width:4px;height:4px;background-color:var(--text-main);border-radius:50%;display:inline-block}.input-container{display:flex;flex-direction:column;height:100%;min-height:400px;position:relative;padding:40px}.input-container .measure-mark{position:absolute}.input-field-wrapper{margin-top:auto;margin-bottom:auto;padding:20px;background:#fff;border:2px solid var(--text-main);box-shadow:4px 4px 0 0 var(--text-main);transition:all .2s ease}.input-field-wrapper:focus-within{transform:translate(-2px,-2px);box-shadow:6px 6px 0 0 var(--text-main)}.prompt-input{width:100%;background:transparent;border:none;font-family:var(--base-font-secondary);font-size:16px;color:var(--text-main);outline:none;resize:none;scrollbar-width:none;-ms-overflow-style:none;font-weight:600;caret-shape:block}.prompt-input::-webkit-scrollbar{display:none}.generate-btn{background:var(--text-main);color:var(--bg-color);border:none;font-family:monospace;font-size:14px;text-transform:uppercase;letter-spacing:2px;padding:12px 24px;cursor:pointer;margin-top:20px;align-self:flex-start;transition:opacity .2s}.generate-btn:hover{opacity:.8}.generate-btn:active{transform:translateY(2px)}.huge-text-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.huge-text{font-size:8vw;line-height:.8;letter-spacing:-.05em;font-family:var(--font-primary);margin-bottom:20px;word-break:break-all;text-align:center}.cards-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:20px;margin-top:0;padding-top:40px;padding-bottom:20px;max-width:100%;scrollbar-width:none;-ms-overflow-style:none;position:sticky;top:0;z-index:100;background-color:var(--bg-color)}.cards-grid::-webkit-scrollbar{display:none}.card{border:1px solid var(--text-main);padding:15px;cursor:pointer;transition:all .2s ease;background-color:var(--bg-color);display:flex;flex-direction:column}.card:hover{background-color:var(--text-main);color:var(--bg-color)}.card:hover *{color:var(--bg-color)!important}.card.active{background-color:var(--text-main);color:var(--bg-color);box-shadow:4px 4px #00000080;transform:translateY(-2px)}.card.active *{color:var(--bg-color)!important}.card-title{font-family:inherit;font-size:24px;margin-bottom:5px}.card-subtitle{font-size:12px;opacity:.7;font-family:monospace}.card-preview{margin-top:auto;padding-top:20px;font-size:32px;line-height:1}.meta-header{font-size:10px;font-family:monospace;display:flex;justify-content:space-between;text-transform:uppercase;margin-bottom:10px}.text-blocks{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:40px}.text-block p{font-size:14px;line-height:1.5;text-align:justify}.text-block h3{font-size:24px;margin-bottom:20px;font-family:var(--font-primary)}.spec-line{display:flex;align-items:center;gap:10px;font-family:monospace;font-size:10px;margin-bottom:15px;border-bottom:1px solid var(--grid-line-color);padding-bottom:5px}.fixed-width-box{border:1px solid var(--grid-line-color);padding:10px;text-align:center;font-family:monospace;font-size:24px;letter-spacing:5px;margin-bottom:20px}.sub-alphabet{font-family:monospace;font-size:14px;letter-spacing:4px;word-break:break-all;line-height:2}.dial-hover-dot{transition:all .2s}g:hover .dial-hover-dot{fill:var(--grid-line-color);stroke:var(--text-main)}@media(max-width:900px){.poster-container{display:flex!important;flex-direction:column!important;padding:20px!important;min-height:100vh!important;gap:20px!important}.left-column{position:relative!important;top:0!important;height:auto!important;width:100%!important;overflow-y:visible!important}.right-column{width:100%!important}.mobile-show-results .left-column,.mobile-show-input .right-column{display:none!important}.huge-text{font-size:15vw!important}.app-logo{width:15vw!important}.masonry-grid{grid-template-columns:1fr!important}.mobile-back-btn{display:inline-block!important;margin-bottom:20px!important;background:transparent;border:1px dashed var(--text-main);color:var(--text-main);font-family:monospace;font-size:10px;text-transform:uppercase;letter-spacing:1px;padding:8px 16px;cursor:pointer;align-self:flex-start}.globe-container canvas{width:70%!important;height:auto!important}.loading-text-container{margin-top:-100px!important}.prompt-input{font-size:14px!important}}.mobile-back-btn{display:none}