.input-container{position:relative;width:50%;max-width:600px;margin:20px auto}.input-field{display:block;width:100%;padding:12px 10px;height:48px;font-size:16px;border:none;border-bottom:2px solid #cccccc;outline:none;background-color:transparent;box-sizing:border-box}.input-label{position:absolute;top:50%;left:12px;font-size:16px;color:#0009;pointer-events:none;transition:all .2s ease;transform:translateY(-50%)}.input-highlight{position:absolute;left:0;bottom:0;height:2px;width:0;background-color:#007bff;transition:width .3s ease}.input-field:focus+.input-label,.input-field:not(:placeholder-shown)+.input-label{font-size:12px;color:#007bff;top:-12px;transform:translateY(0);left:12px}.input-field:focus+.input-label+.input-highlight,.input-field:not(:placeholder-shown)+.input-label+.input-highlight{width:100%}html{--s: 300px;--c1: #747272;--c2: #f0f0f0;--c3: #d9d9d9;--_g: var(--c3) 0 120deg,#0000 0;background:conic-gradient(from -60deg at 50% calc(100%/3),var(--_g)),conic-gradient(from 120deg at 50% calc(200%/3),var(--_g)),conic-gradient(from 60deg at calc(200%/3),var(--c3) 60deg,var(--c2) 0 120deg,#0000 0),conic-gradient(from 180deg at calc(100%/3),var(--c1) 60deg,var(--_g)),linear-gradient(90deg,var(--c1) calc(100%/6),var(--c2) 0 50%,var(--c1) 0 calc(500%/6),var(--c2) 0);background-size:calc(1.732*var(--s)) var(--s)}.app{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:16px;min-height:100vh;width:100%}.page-center{display:flex;justify-content:center;align-items:center;min-height:100vh}.box{width:50%;margin:0 auto}.prompt-button{padding:14px 26px;border:2px solid #111111;background:#fff;color:#111;font-size:16px;font-weight:600;letter-spacing:.3px;border-radius:999px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.prompt-button:hover{transform:translateY(-1px);box-shadow:0 6px 18px #00000026}.prompt-button:active{transform:translateY(0);box-shadow:none}.prompt-result{max-width:640px;text-align:center;font-size:18px;line-height:1.5;margin:0 24px;color:#111}