.hub{min-width:0;color:var(--ink,#eef0fa);font:400 16px/1.5 var(--font,system-ui, sans-serif);flex-direction:column;gap:16px;display:flex}.hub[data-variant=page]{max-width:680px}.hub :focus-visible{outline:2px solid var(--tomato,#ffc83d);outline-offset:2px}.hub [data-hub-focus]:focus{outline:none}.hub .hub-title{color:var(--ink,#eef0fa);font:800 24px/1.2 var(--font-display,system-ui, sans-serif);letter-spacing:-.01em;margin:0}.hub .hub-title-start{font-size:22px}.hub .hub-note,.hub .hub-hint{color:var(--ink-3,#a9b0d4);margin:0;font-size:14px;line-height:1.55}.hub .hub-optional{color:var(--ink-3,#a9b0d4);font-weight:500}.hub .hub-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.hub .hub-card{--accent:var(--tomato,#ffc83d);box-sizing:border-box;background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 14%, var(--paper-2,#171d42)), var(--paper-2,#171d42) 70%);width:100%;height:100%;min-height:104px;box-shadow:inset 0 0 0 1.5px var(--edge,#2a325f);color:var(--ink,#eef0fa);font:800 18px/1.2 var(--font-display,system-ui, sans-serif);text-align:left;cursor:pointer;transition:box-shadow .14s var(--ease-out,ease-out), transform .14s var(--ease-out,ease-out);border:0;border-radius:18px;align-items:flex-end;padding:18px 40px 16px 16px;display:flex;position:relative}.hub .hub-card:before{content:"";background:var(--accent);border-radius:2px;width:22px;height:4px;position:absolute;top:16px;left:16px}.hub .hub-card:after{content:"";border-top:2px solid var(--ink-3,#a9b0d4);border-right:2px solid var(--ink-3,#a9b0d4);width:8px;height:8px;position:absolute;bottom:21px;right:18px;transform:rotate(45deg)}.hub .hub-card[data-topic=category]{--accent:var(--marigold,#3fe0c5)}.hub .hub-card[data-topic=feature]{--accent:var(--band-2,#9c7bff)}.hub .hub-card[data-topic=bug]{--accent:var(--cobalt,#ff7a59)}.hub .hub-card:hover{box-shadow:inset 0 0 0 1.5px var(--accent)}.hub .hub-card:active{transform:scale(.98)}.hub .hub-back{min-height:44px;color:var(--ink-2,#a9b0d4);font:700 15px/1 var(--font,system-ui, sans-serif);cursor:pointer;background:0 0;border:0;border-radius:12px;align-self:flex-start;align-items:center;gap:6px;margin:-8px 0 -6px -8px;padding:0 12px 0 8px;display:inline-flex}.hub .hub-back:hover{color:var(--ink,#eef0fa)}.hub .hub-back-arrow{font-size:18px}.hub .hub-step{flex-direction:column;gap:16px;min-width:0;margin:0;display:flex}.hub .hub-choices,.hub .hub-chips,.hub .hub-group{border:0;min-width:0;margin:0;padding:0}.hub .hub-choices{gap:8px;display:grid}@media (width>=720px){.hub[data-variant=page] .hub-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}.hub .hub-choice{box-sizing:border-box;background:var(--paper-2,#171d42);min-height:52px;box-shadow:inset 0 0 0 1.5px var(--edge,#2a325f);cursor:pointer;transition:box-shadow .14s var(--ease-out,ease-out);border-radius:14px;align-items:center;gap:12px;padding:10px 14px;display:flex}.hub .hub-choice:hover{box-shadow:inset 0 0 0 1.5px var(--edge-2,#3d4a8c)}.hub .hub-choice:has(input:checked){background:color-mix(in srgb, var(--tomato,#ffc83d) 10%, var(--paper-2,#171d42));box-shadow:inset 0 0 0 2px var(--tomato,#ffc83d)}.hub .hub-choice input{width:20px;height:20px;accent-color:var(--tomato,#ffc83d);flex:none;margin:0}.hub .hub-choice-text{min-width:0}.hub .hub-choice-label{color:var(--ink,#eef0fa);font-size:16px;font-weight:700;line-height:1.3}.hub .hub-choice-blurb{color:var(--ink-3,#a9b0d4);font-size:14px;line-height:1.4;display:block}.hub .hub-chips{flex-wrap:wrap;gap:8px;display:flex}.hub .hub-chip{box-sizing:border-box;background:var(--paper-2,#171d42);min-height:44px;box-shadow:inset 0 0 0 1.5px var(--edge-2,#3d4a8c);color:var(--ink,#eef0fa);font:600 15px/1.3 var(--font,system-ui, sans-serif);cursor:pointer;transition:background .14s var(--ease-out,ease-out), box-shadow .14s var(--ease-out,ease-out);border:0;border-radius:999px;padding:10px 16px}.hub .hub-chip[aria-pressed=true]{background:var(--tomato,#ffc83d);box-shadow:none;color:var(--lamp-ink,#14183a)}.hub .hub-chip:disabled{opacity:.45;cursor:not-allowed}.hub .hub-group{flex-direction:column;gap:12px;display:flex}.hub .hub-legend{color:var(--ink,#eef0fa);font:700 16px/1.3 var(--font-display,system-ui, sans-serif);margin:0 0 4px;padding:0}.hub .hub-field{flex-direction:column;gap:8px;display:flex}.hub .hub-field label{color:var(--ink,#eef0fa);font:700 15px/1.3 var(--font,system-ui, sans-serif)}.hub .hub-input{box-sizing:border-box;background:var(--paper,#0e1330);width:100%;min-height:48px;box-shadow:inset 0 0 0 1.5px var(--edge-2,#3d4a8c);color:var(--ink,#eef0fa);font:500 16px/1.4 var(--font,system-ui, sans-serif);transition:box-shadow .14s var(--ease-out,ease-out);border:0;border-radius:14px;padding:12px 14px}.hub .hub-input::placeholder{color:var(--ink-4,#8f96bc);opacity:1}.hub .hub-input:focus-visible{box-shadow:inset 0 0 0 2px var(--tomato,#ffc83d), 0 0 0 4px color-mix(in srgb, var(--tomato,#ffc83d) 22%, transparent);outline:none}.hub .hub-blank{font-size:18px;font-weight:700}.hub .hub-text{resize:vertical;min-height:96px}.hub .hub-check{min-height:44px;color:var(--ink,#eef0fa);font:600 15px/1.3 var(--font,system-ui, sans-serif);cursor:pointer;align-items:center;gap:10px;display:flex}.hub .hub-check input{width:20px;height:20px;accent-color:var(--tomato,#ffc83d);flex:none;margin:0}.hub .hub-details-wrap{background:var(--paper-2,#171d42);box-shadow:inset 0 0 0 1.5px var(--edge,#2a325f);transition:opacity .14s var(--ease-out,ease-out);border-radius:14px;padding:10px 14px}.hub .hub-details-wrap[data-off]{opacity:.45}.hub .hub-details{gap:4px;margin:0;display:grid}.hub .hub-details div{grid-template-columns:80px minmax(0,1fr);gap:12px;font-size:14px;line-height:1.5;display:grid}.hub .hub-details dt{color:var(--ink-3,#a9b0d4)}.hub .hub-details dd{overflow-wrap:anywhere;color:var(--ink,#eef0fa);margin:0}.hub .hub-foot{flex-direction:column;margin-top:4px;display:flex}.hub .hub-send,.hub .hub-again{box-sizing:border-box;min-height:48px;font:800 17px/1.2 var(--font,system-ui, sans-serif);cursor:pointer;border:0;border-radius:14px;padding:12px 22px}.hub .hub-send{background:linear-gradient(180deg, var(--lamp-2,#ffda6b), var(--tomato-2,#f2a900));color:var(--lamp-ink,#14183a)}.hub .hub-send:disabled{background:var(--paper-2,#171d42);box-shadow:inset 0 0 0 1.5px var(--edge,#2a325f);color:var(--ink-3,#a9b0d4);cursor:not-allowed}.hub .hub-send[aria-busy=true]{cursor:progress;filter:brightness(.92)}.hub .hub-again{background:var(--paper-2,#171d42);box-shadow:inset 0 0 0 1.5px var(--edge-2,#3d4a8c);color:var(--ink,#eef0fa);font-weight:700}.hub[data-variant=page] .hub-foot .hub-send{align-self:flex-start;min-width:200px}.hub .hub-status{color:var(--ink-2,#a9b0d4);margin:0;font-size:15px;font-weight:600;line-height:1.5}.hub .hub-status:not(:empty){margin-top:10px}.hub .hub-status[data-status=failed]{color:var(--cobalt,#ff7a59)}.hub .hub-done{background:linear-gradient(180deg, color-mix(in srgb, var(--marigold,#3fe0c5) 14%, var(--paper-2,#171d42)), var(--paper-2,#171d42) 80%);box-shadow:inset 0 0 0 1.5px var(--edge,#2a325f);border-radius:18px;flex-direction:column;gap:18px;padding:24px 20px 20px;display:flex}.hub .hub-done-text{color:var(--ink,#eef0fa);font:800 22px/1.3 var(--font-display,system-ui, sans-serif);margin:0}.hub .hub-done-actions{flex-wrap:wrap;gap:10px;display:flex}@media (width<=600px){.hub[data-variant=page] .hub-foot .hub-send{align-self:stretch}.hub .hub-done-actions>button{flex:100%}}@media (prefers-reduced-motion:reduce){.hub .hub-card,.hub .hub-choice,.hub .hub-chip,.hub .hub-input,.hub .hub-details-wrap{transition:none}.hub .hub-card:active{transform:none}}
