.task-share-invite{margin-top:72px;padding:clamp(24px,4vw,42px);display:flex;align-items:center;justify-content:space-between;gap:28px;background:linear-gradient(135deg,#fffaf1,#f2f7ed);border:1px solid var(--line);border-radius:26px;box-shadow:0 12px 32px rgba(2,45,43,.06)}
.task-share-copy{display:flex;align-items:flex-start;gap:18px;max-width:820px}.task-share-heart{font-size:34px;margin:0}.task-share-copy h2,.task-submission-panel h2{margin:.1em 0 .3em;font-family:"Noto Serif TC",serif;color:var(--green)}.task-share-lead{font-weight:800;color:var(--green);font-size:17px}.task-share-copy p:last-child{font-size:14px;margin-bottom:0}.task-share-button{flex:0 0 auto}
.task-submission-panel{margin-top:24px;padding:clamp(22px,4vw,42px);background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:0 18px 46px rgba(2,45,43,.09)}.task-submission-panel[hidden]{display:none}.submission-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:22px}.submission-heading h2{font-size:clamp(28px,4vw,42px)}.submission-heading p:last-child{margin-bottom:0}.submission-close{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--green);font-size:28px;cursor:pointer}
.submission-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}.submission-form-grid>label,.submission-form-grid>fieldset{display:grid;align-content:start;gap:7px;margin:0;font-size:14px;font-weight:800;color:var(--green)}.submission-form-grid fieldset{padding:16px;border:1px solid #d5ddd4;border-radius:14px}.submission-form-grid legend{padding:0 7px;font-weight:900}.submission-wide{grid-column:1/-1}.submission-form-grid input:not([type=checkbox]):not([type=radio]),.submission-form-grid textarea{width:100%;padding:12px 14px;border:1px solid #cbd6cc;border-radius:12px;background:#fff;color:var(--ink);font:inherit;resize:vertical}.submission-form-grid input:focus,.submission-form-grid textarea:focus{outline:3px solid rgba(222,164,61,.35);border-color:var(--gold)}.submission-form-grid input[aria-invalid=true],.submission-form-grid textarea[aria-invalid=true]{border-color:#b54e43;background:#fff8f7}.submission-form-grid small{font-weight:400;color:#68726b}.required{color:#a14e39;font-size:12px}.optional{color:#6d766e;font-size:12px;font-weight:500}
.option-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.option-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.option-grid label,.check-row{display:flex;align-items:flex-start;gap:8px;padding:10px;border:1px solid var(--line);border-radius:11px;background:#f8faf7;color:var(--ink);font-weight:600}.option-grid input,.check-row input{width:18px;height:18px;flex:0 0 18px;margin:1px 0 0;accent-color:var(--green)}.check-row{align-items:center}.consent-row{background:#fff9ef;padding:15px}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.field-error{min-height:1em;color:#a33d34;font-size:12px;font-weight:700}.submission-image-preview{display:grid;grid-template-columns:repeat(3,minmax(0,150px));gap:10px}.submission-image-preview figure{margin:0;position:relative;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:#eef2ea}.submission-image-preview img{width:100%;height:100%;object-fit:cover}.submission-image-preview figcaption{position:absolute;inset:auto 0 0;padding:5px 7px;background:rgba(2,45,43,.76);color:#fff;font-size:10px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.submission-rights{margin:20px 0 0;font-size:12px;color:#6f776f}.submission-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.submission-actions button[disabled]{opacity:.58;cursor:wait}.submission-message{min-height:1.5em;margin-top:14px;padding:0;color:#9c4337}.submission-message.success{padding:18px;border-radius:14px;background:#eaf5e8;color:#245f31}.submission-message h3{margin:0 0 5px;color:inherit}.submission-message p{margin:0}.submission-close:hover,.submission-close:focus-visible,.task-share-button:hover{background:#edf5ea}.submission-close:focus-visible,.option-grid input:focus-visible,.check-row input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
@media(max-width:900px){.option-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.task-share-invite{margin-top:48px;align-items:stretch;flex-direction:column}.task-share-copy{gap:10px}.task-share-heart{font-size:28px}.task-share-button{width:100%}.submission-form-grid{grid-template-columns:1fr}.submission-wide{grid-column:auto}.option-grid,.option-grid.compact{grid-template-columns:1fr 1fr}.submission-image-preview{grid-template-columns:repeat(3,1fr)}.submission-actions{flex-direction:column-reverse}.submission-actions .button{width:100%}.task-submission-panel{padding:22px 18px}.submission-heading p:last-child{font-size:13px}}
@media(max-width:390px){.option-grid,.option-grid.compact{grid-template-columns:1fr}.submission-image-preview{grid-template-columns:1fr 1fr}}