/* Lucian UX/UI Prompt #044 · MIT License (c) 2026 Seokwoooo · https://lucianlabs.dev/uxui-prompt/#044 */
.u044{position:relative;width:100%;height:auto;display:flex;flex-direction:column;gap:8px}.u044-it{position:relative;border-radius:20px;background:var(--ux-surface);box-shadow:0 0 0 1px var(--ux-line);transition:background-color .4s var(--ux-ease),box-shadow .5s var(--ux-ease),transform .5s var(--ux-spring)}.u044-it.open{box-shadow:0 0 0 1px var(--ux-line-2),0 22px 40px -22px var(--ux-shadow-strong);transform:translateY(-2px)}
.u044-q{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:66px;padding:0 14px 0 18px;border:0;border-radius:20px;background:none;font-size:14px;font-weight:680;letter-spacing:-.02em;color:var(--ux-ink);text-align:left}.u044-q:focus-visible{outline:2px solid var(--ux-accent);outline-offset:2px}.u044-n{font-size:11px;font-weight:800;color:var(--ux-ink-3);font-variant-numeric:tabular-nums;transition:color .3s}.u044-it.open .u044-n{color:var(--ux-accent)}.u044-t{flex:1}.u044-pm{position:relative;width:30px;height:30px;flex:none;border-radius:50%;background:var(--ux-surface-2);box-shadow:none;transition:background-color .35s var(--ux-ease),box-shadow .35s,transform .45s var(--ux-spring)}.u044-q:hover .u044-pm{transform:scale(1.1)}.u044-q:active .u044-pm{transform:scale(.9)}.u044-pm::before,.u044-pm::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:2px;margin:-1px 0 0 -5.5px;border-radius:2px;background:var(--ux-ink);transition:transform .5s var(--ux-spring),background-color .3s}.u044-pm::after{transform:rotate(90deg)}.u044-it.open .u044-pm{background:var(--ux-ink)}.u044-it.open .u044-pm::before,.u044-it.open .u044-pm::after{background:var(--ux-page)}.u044-it.open .u044-pm::after{transform:rotate(180deg)}
.u044-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ux-ease)}.u044-it.open .u044-body{grid-template-rows:1fr}.u044-body>div{overflow:hidden;min-height:0}.u044-a{padding:0 22px 18px 50px;opacity:0;transform:translateY(-8px);transition:opacity .25s var(--ux-ease),transform .45s var(--ux-spring)}.u044-it.open .u044-a{opacity:1;transform:none;transition-delay:.12s}.u044-a p{margin:0;font-size:13px;line-height:1.62;color:var(--ux-ink-2)}.u044-a a{display:inline-flex;align-items:center;gap:4px;margin-top:10px;font-size:12px;font-weight:700;color:var(--ux-accent);text-decoration:none}.u044-a a:focus-visible{outline:2px solid var(--ux-accent);outline-offset:2px;border-radius:4px}.u044-a a i{font-style:normal;transition:transform .3s var(--ux-spring)}.u044-a a:hover i{transform:translateX(3px)}