:root{--stage-bg:#18181b;--text-primary:#fff;--text-secondary:#a1a1aa;--accent-color:#fff;--accent-bg:#27272a;--input-bg:#18181bcc;--border-color:#27272a}.codex-input-container{z-index:10;width:100%;max-width:600px}.input-wrapper{pointer-events:auto;background:var(--input-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:999px;align-items:center;gap:12px;width:100%;max-width:600px;padding:8px 8px 8px 24px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #0000004d}.input-wrapper:focus-within{border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 20px 40px -10px #00000080}.input-wrapper.loading{border-color:#0000;box-shadow:0 0 25px -5px #ffffff4d}.input-wrapper.loading:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;animation:2s linear infinite shimmerMove;position:absolute;top:0;left:-100%}@keyframes shimmerMove{0%{transform:translate(0)}to{transform:translate(200%)}}.input-wrapper input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:1rem}.input-wrapper input::placeholder{color:#0000}.input-generating-label{color:var(--text-secondary);flex:1;justify-content:space-between;align-items:center;gap:12px;padding-right:8px;display:flex;overflow:hidden}.generating-prompt-text{white-space:nowrap;text-overflow:ellipsis;opacity:.8;font-size:.95rem;animation:1.5s ease-in-out infinite alternate pulseText;overflow:hidden}@keyframes pulseText{0%{opacity:.4;transform:translate(0)}to{opacity:1;transform:translate(2px)}}.send-button{background:var(--accent-color);color:#000;cursor:pointer;z-index:2;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s;display:flex}.send-button:hover:not(:disabled){transform:scale(1.05)}.send-button:disabled{background:var(--accent-bg);color:var(--text-secondary);cursor:not-allowed;opacity:.5}.artifact-card{border:1px solid var(--border-color);cursor:pointer;background:#111;border-radius:12px;flex-direction:column;transition:all .6s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px -10px #00000080}.artifact-card:hover{border-color:#ffffff4d;transform:translateY(-4px);box-shadow:0 20px 40px -10px #000000b3}.artifact-header{border-bottom:1px solid var(--border-color);letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);background:#0003;justify-content:center;padding:12px 16px;font-size:.8rem;display:flex}.artifact-style-tag{background:#ffffff0d;border-radius:4px;padding:4px 8px}.artifact-card-inner{flex:1;width:100%;height:100%;position:relative}@keyframes spin{to{transform:rotate(360deg)}}.plexus-area{z-index:1;position:absolute;inset:0}@media (min-aspect-ratio:1){.plexus-area{width:85.7143%;left:14.2857%}}@media (max-aspect-ratio:1){.plexus-area{height:85.7143%;top:0}}.plexus-cluster{box-sizing:border-box;flex-direction:column;align-items:center;gap:24px;width:100%;padding:0 20px;display:flex;position:absolute;top:42.8571%;left:50%;transform:translate(-50%,-50%)}.plexus-title{font-family:var(--font-rajdhani), sans-serif;text-align:center;margin:0;font-size:120px;font-weight:300;line-height:1}.plexus-subtitle{font-family:var(--font-rajdhani), sans-serif;text-align:center;margin:0;font-size:60px;font-weight:300;line-height:1}@media (max-width:767px){.plexus-title{font-size:60px}.plexus-subtitle{font-size:30px}}@media (max-height:500px){.plexus-title{font-size:42px}.plexus-subtitle{font-size:21px}.plexus-cluster{gap:10px}}.plexus-title,.plexus-subtitle{transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.plexus-fade{opacity:0;pointer-events:none;transform:translateY(10px)}