.goal-composer{gap:var(--tds2-spacing-4);--composer-sky:var(--tds2-gradient-primary-midday);flex-direction:column;width:100%;display:flex}.goal-composer[data-time=morning]{--composer-sky:var(--tds2-gradient-primary-morning)}.goal-composer[data-time=afternoon]{--composer-sky:var(--tds2-gradient-primary-midday)}.goal-composer[data-time=evening]{--composer-sky:var(--tds2-gradient-primary-dusk)}.goal-composer[data-time=night]{--composer-sky:var(--tds2-gradient-primary-evening)}.goal-composer--hero{gap:var(--tds2-spacing-6);max-width:720px;margin-inline:auto}.goal-composer__card{gap:var(--tds2-spacing-3);padding:var(--tds2-spacing-5)}.goal-composer__form,.goal-composer__group{width:100%}.goal-composer--hero .goal-composer__card .goal-composer__group{font-size:var(--tds2-font-size-lg)}.goal-composer__chips{align-items:center;gap:var(--tds2-spacing-2);flex-wrap:wrap;display:flex}.world-grid__card.goal-composer__tile{background:var(--composer-sky);-webkit-backdrop-filter:blur(48px);backdrop-filter:blur(48px);box-shadow:none;border:none;height:auto}.goal-composer__tile-body{gap:var(--tds2-spacing-3);padding:var(--tds2-spacing-5);flex-direction:column;display:flex}.goal-composer__tile-mark{object-fit:contain;align-self:center;width:128px;height:128px}.goal-composer__tile-body .goal-composer__chips{gap:var(--tds2-spacing-2)}.goal-composer--inline .goal-composer__group .tds2-input-group__input{padding:0 .5rem 0 1rem}.goal-composer--hero .goal-composer__card{background:var(--composer-sky);box-shadow:none;border-radius:var(--tds2-card-radius,var(--tds2-radius-4xl));padding:var(--tds2-spacing-6);align-items:flex-start;gap:var(--tds2-spacing-5);border:none;flex-direction:row;display:flex}.goal-composer--hero .goal-composer__mark{object-fit:contain;flex:none;width:128px;height:128px}.goal-composer--hero .goal-composer__prompt{gap:var(--tds2-spacing-4);flex-direction:column;flex:1;min-width:0;display:flex}.goal-composer__label{color:var(--tds2-color-brand-primary-darker);font-family:var(--tds2-font-heading);width:100%}.goal-composer[data-time=evening] .goal-composer__label,.goal-composer[data-time=night] .goal-composer__label{color:var(--tds2-color-text-inverse)}.goal-composer--hero .goal-composer__label{text-align:start;font-size:1.5rem;line-height:2rem}.goal-composer__tile .goal-composer__label{font-size:var(--tds2-font-size-lg);line-height:var(--tds2-line-height-normal);text-align:center}.goal-composer--hero .goal-composer__group.tds2-input-group{--tds2-input-group-radius:var(--tds2-radius-full)}.goal-composer--hero .goal-composer__group .tds2-input-group__input{--tds2-input-group-input-font-size:var(--tds2-font-size-lg);--tds2-input-group-input-padding-y:11px;--tds2-input-group-input-padding-x:var(--tds2-spacing-5);padding-right:.5rem}.goal-composer--hero .goal-composer__group .tds2-input-group__addon--inline-end{padding-right:.5rem}.goal-composer__tile .goal-composer__group.tds2-input-group{--tds2-input-group-radius:var(--tds2-radius-full)}.goal-composer__tile .goal-composer__group .tds2-input-group__addon--inline-end{padding-right:var(--tds2-spacing-1)}@media (prefers-reduced-motion:reduce){.goal-composer--hero .goal-composer__chips .tds2-button,.goal-composer--hero .goal-composer__group .tds2-button-icon,.goal-composer--hero .goal-composer__edit-link.tds2-button{transition:none}}.goal-proposal{--tds2-modal-width-default:960px;max-height:90vh}.goal-proposal .tds2-modal-header{padding:var(--tds2-spacing-8) var(--tds2-spacing-8) var(--tds2-spacing-8)}.goal-proposal__body{gap:var(--tds2-spacing-6);flex-direction:column;min-height:0;display:flex;overflow-y:auto}.goal-proposal__body.tds2-modal-body{padding:0 var(--tds2-spacing-8) 0}.goal-proposal__cols{align-items:start;gap:var(--tds2-spacing-8);grid-template-columns:minmax(0,6fr) minmax(0,4fr);display:grid}.goal-proposal__left{gap:var(--tds2-spacing-3);flex-direction:column;display:flex}.goal-proposal__side{gap:var(--tds2-spacing-4);flex-direction:column;display:flex}.goal-proposal__field{gap:var(--tds2-spacing-2);flex-direction:column;display:flex}#goal-proposal-name:focus-visible{border-color:var(--tds2-input-border-color)}.goal-proposal__field>.tds2-label{margin:0}.goal-proposal__field>.tds2-label.tds2-label+*{margin-top:0}@media (max-width:900px){.goal-proposal__cols{grid-template-columns:1fr}}.goal-proposal__tutor{align-items:center;gap:var(--tds2-spacing-2);margin:0;display:flex}.goal-proposal__avatar{width:var(--tds2-spacing-6);height:var(--tds2-spacing-6);object-fit:contain;flex:none}.goal-proposal__tutor-line{font-size:var(--tds2-font-size-sm);color:var(--tds2-color-text-default)}.goal-proposal__skills{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.goal-proposal__skill{align-items:center;gap:var(--tds2-spacing-3);padding-block:var(--tds2-spacing-3);grid-template-columns:auto 1fr 200px;display:grid}.goal-proposal__skill+.goal-proposal__skill{border-top:1px solid var(--tds2-color-border-muted)}.goal-proposal__skill-num{width:var(--tds2-spacing-6);height:var(--tds2-spacing-6);border-radius:var(--tds2-radius-full);background:var(--tds2-color-bg-subtle);color:var(--tds2-color-text-subtle);font-size:var(--tds2-font-size-sm);font-weight:var(--tds2-font-weight-bold);justify-content:center;align-items:center;display:inline-flex}.goal-proposal__skill-text{gap:var(--tds2-spacing-0-5);flex-direction:column;min-width:0;display:flex}.goal-proposal__skill-set{font-size:var(--tds2-font-size-sm);color:var(--tds2-color-text-subtle)}.goal-proposal__skill-name{font-weight:var(--tds2-font-weight-bold);color:var(--tds2-color-text-default);overflow-wrap:anywhere}.goal-proposal__skill-end{justify-content:flex-end;align-items:center;gap:var(--tds2-spacing-2);grid-column:3;display:flex}.goal-composer__preview{aspect-ratio:21/9;border-radius:var(--tds2-radius-lg);background-image:linear-gradient(#9ed7fd 0%,#cfeafe 46%,#eaf5fe 100%);background-size:cover;width:100%;max-height:320px;position:relative;overflow:hidden}.goal-proposal__biomes{gap:var(--tds2-spacing-3);display:flex}.goal-proposal__swatch{border:1px solid var(--tds2-color-border-default);border-radius:var(--tds2-radius-md);cursor:pointer;background-size:cover;width:56px;height:56px;padding:0}.goal-proposal__swatch[aria-checked=true]{border:2px solid var(--tds2-color-brand-primary)}.goal-proposal__swatch:focus-visible{outline:2px solid var(--tds2-color-border-focus);outline-offset:2px}.goal-proposal__more{gap:var(--tds2-spacing-2);flex-direction:column;display:flex}@media (prefers-reduced-motion:reduce){.goal-proposal[data-state]{animation:none}}
