/* Shared form controls: gallery filters and both contribution dialogs. */
:root{--field-height:56px;--field-bg:#fffdf9;--field-border:#bfb09a;--field-text:#484338;--field-focus:#ba772e;--field-radius:999px;--field-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%237d552c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
.moments-toolbar{align-items:end;gap:20px}
.moments-toolbar :is(.moment-search,.moment-filter){display:flex;flex-direction:column;align-items:stretch;gap:10px;margin:0;font-size:14px;line-height:20px;color:#746956}
.moments-toolbar .moment-search input{margin:0}
.moments-toolbar .moment-filter>span{display:block;font-size:14px;line-height:20px}
:is(#moments-search,#moments-year,#moments-sort),:is(#wish-form,#moment-form) :is(input,select,textarea){box-sizing:border-box;width:100%;max-width:100%;min-width:0;border:1px solid var(--field-border);border-radius:var(--field-radius);background:var(--field-bg);color:var(--field-text);box-shadow:0 2px 5px #60452106;font-family:inherit;font-size:16px;font-weight:400;line-height:24px;padding:15px 22px;transition:border-color .18s,box-shadow .18s,background-color .18s;outline:none;outline-offset:0}
:is(#moments-search,#moments-year,#moments-sort),:is(#wish-form,#moment-form) :is(input,select){height:var(--field-height);min-height:var(--field-height)}
:is(#moments-year,#moments-sort),:is(#wish-form,#moment-form) select{appearance:none;-webkit-appearance:none;background-color:var(--field-bg);background-image:var(--field-chevron);background-repeat:no-repeat;background-size:20px;background-position:right 20px center;padding-right:54px;cursor:pointer;text-overflow:ellipsis}
:is(#moments-search,#moments-year,#moments-sort):hover,:is(#wish-form,#moment-form) :is(input,select,textarea):hover{border-color:#a48c6e}
:is(#moments-search,#moments-year,#moments-sort):focus,:is(#wish-form,#moment-form) :is(input,select,textarea):focus{border-color:var(--field-focus);border-radius:var(--field-radius);background-color:#fff;box-shadow:0 0 0 3px #c8863526;outline:none;outline-offset:0}
:is(#moments-search,#moments-year,#moments-sort)::placeholder,:is(#wish-form,#moment-form) :is(input,textarea)::placeholder{color:#958a7a;opacity:1}
:is(#wish-form,#moment-form) textarea{border-radius:28px;min-height:136px;height:auto;padding:17px 22px;resize:vertical}
:is(#wish-form,#moment-form) textarea:focus{border-radius:28px}
#moment-form input[type=file]{padding:8px 12px;overflow:hidden;font-size:14px;line-height:38px;cursor:pointer}
#moment-form input[type=file]::file-selector-button{height:38px;margin:0 12px 0 0;padding:0 16px;border:1px solid #d4b78f;border-radius:999px;background:#f6e8d4;color:#805a2e;font:inherit;line-height:36px;cursor:pointer}
#moment-form input[type=number]{appearance:textfield;-moz-appearance:textfield}
#moment-form input[type=number]::-webkit-inner-spin-button,#moment-form input[type=number]::-webkit-outer-spin-button{appearance:none;-webkit-appearance:none;margin:0}
@media(max-width:800px){.moments-toolbar{gap:18px 14px}.moments-toolbar .moment-filter{min-width:0}.moments-toolbar .moment-search{flex-basis:100%}}
@media(max-width:450px){:is(#moments-search,#moments-year,#moments-sort),:is(#wish-form,#moment-form) :is(input,select,textarea){padding-inline:18px}:is(#moments-year,#moments-sort),:is(#wish-form,#moment-form) select{padding-right:44px;background-position:right 15px center}#moment-form input[type=file]{padding:8px 10px;font-size:13px}#moment-form input[type=file]::file-selector-button{padding-inline:12px;margin-right:8px}}
@media(prefers-reduced-motion:reduce){:is(#moments-search,#moments-year,#moments-sort),:is(#wish-form,#moment-form) :is(input,select,textarea){transition:none}}
