.hidden{display:none !important}.locked-message-warning{margin:1rem auto;max-width:680px;color:#b45309;font-weight:700}.bubble-composer{position:relative;max-width:680px;margin:1.5rem auto 2rem;box-sizing:border-box}#shared-message-fields{border:0;margin:0;padding:0;min-width:0}.composer-shell{display:grid;gap:1rem;justify-items:center}.composer-bubble{display:inline-block;position:relative;box-sizing:border-box;width:544px;min-width:448px;max-width:100%;margin:0 auto 1.75rem;padding:40px 36px 24px;border:0;border-radius:75px;background:#fff;box-shadow:none;overflow:visible;text-align:center;transition:min-height 220ms ease}.composer-bubble::after{content:"";position:absolute;pointer-events:none;z-index:1;left:4.25rem;right:auto;bottom:-28px;width:36px;height:32px;border:0;transform:none;background:no-repeat center/100% 100% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 32'%3E%3Cpath d='M3 0 V28 L35 0' fill='none' stroke='%23f97316' stroke-width='5' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3C/svg%3E")}.composer-bubble-border{position:absolute;inset:0;border:5px solid var(--reo-orange);border-radius:75px;box-sizing:border-box;pointer-events:none;z-index:0}.composer-bubble-border::after{content:"";position:absolute;left:4.25rem;bottom:-5px;width:28px;height:10px;background:#fff}.composer-row{position:relative;z-index:1;width:100%;max-width:calc(100% - 2.25rem);margin-left:auto;margin-right:auto;min-height:0;display:block;transition:margin 220ms ease}.composer-row-header{display:flex;align-items:center;justify-content:center;min-height:10px;margin-top:-0.18rem;margin-bottom:0}.language-chip{display:inline-flex;align-items:center;min-height:10px;padding:0;border-radius:0;font-size:0.62rem;font-weight:400;letter-spacing:0;white-space:nowrap;border:0;background:transparent;color:#8a928a}.language-chip-unknown{color:#8a928a}.language-chip-maori{color:#8a928a}.language-chip-english{color:#8a928a}.composer-status{min-height:10px;color:#8a928a;font-size:0.62rem;text-align:center;font-weight:400;line-height:1.1;white-space:nowrap}.composer-status.is-updating{color:#aeb6ae}.language-chip.is-empty,.composer-status.is-empty{visibility:hidden}.composer-row-primary .composer-status,.composer-row-counterpart .language-chip{display:none}.composer-row-primary .composer-row-header{margin-bottom:0.28rem}.composer-row-counterpart .composer-row-header{margin-bottom:0.2rem}.composer-textarea{width:100%;min-height:0;resize:none;box-sizing:border-box;border:0;border-radius:0;padding:0;background:transparent;color:#374151;font:inherit;line-height:1.2;letter-spacing:0;outline:none;overflow:hidden;overflow-wrap:anywhere;word-break:normal;white-space:pre-wrap;text-align:center;transition:color 660ms ease, font-size 660ms ease, font-weight 660ms ease, line-height 660ms ease, min-height 660ms ease, height 420ms ease, margin 660ms ease}.composer-textarea:focus,.composer-textarea:focus-visible{border-color:transparent;box-shadow:inset 0 0 0 0.5px #e5e7eb;outline:none}.composer-textarea::placeholder{color:#b5bcb5}.composer-textarea.is-maori{color:var(--reo-orange)}.composer-textarea.is-english{color:var(--reo-green-dark)}.composer-counterpart-text{user-select:text}.composer-primary-text{min-height:2.4rem;font-size:2rem;font-weight:700;color:var(--reo-orange);margin:0.25rem 0 0}.composer-counterpart-text{min-height:1.8rem;font-size:1.2rem;font-weight:500;line-height:1.5;color:var(--reo-green-dark);margin:0.25rem 0 0}.composer-textarea.is-maori{min-height:2.4rem;font-size:2rem;font-weight:700;line-height:1.2;color:var(--reo-orange)}.composer-textarea.is-english{min-height:1.8rem;font-size:1.2rem;font-weight:500;line-height:1.5;color:var(--reo-green-dark)}.composer-display-message{position:relative;z-index:1;display:none;width:100%;max-width:calc(100% - 2.25rem);margin:0.25rem auto 1em;opacity:0;transform:translateY(4px);text-align:center}.composer-display-message h2,.composer-display-message p{margin-left:auto;margin-right:auto;overflow-wrap:anywhere;white-space:pre-wrap}.composer-display-message h2{margin-top:0.25rem;margin-bottom:1rem;color:var(--reo-orange);font-size:2rem;font-weight:700;line-height:1.2}.composer-display-message p{margin-top:0.25rem;margin-bottom:1em;color:var(--reo-green-dark);font-size:1.2rem;font-weight:500;line-height:1.5}.composer-display-message p:empty{display:none}.composer-display-image{display:block;width:auto;max-width:80%;max-height:260px;object-fit:contain;margin:1rem auto 0;border-radius:8px}@media (prefers-reduced-motion: reduce){.composer-bubble,.composer-row,.composer-textarea,.composer-display-message,.composer-share-panel{transition:none;animation:none !important}}.bubble-composer.is-language-swap-animating .composer-textarea{color:transparent !important;caret-color:transparent;opacity:0 !important;transition:none !important}.language-swap-clone{position:fixed;z-index:9999;margin:0;padding:0;pointer-events:none;text-align:center;white-space:normal;overflow-wrap:anywhere;will-change:left, top, width, height}.bubble-composer.is-share-ready{max-width:680px}.bubble-composer.is-share-ready .composer-bubble{pointer-events:none}.bubble-composer.is-share-ready .composer-row-header,.bubble-composer.is-share-ready .composer-divider,.bubble-composer.is-share-ready .char-counter{display:none}.bubble-composer.is-share-ready .composer-row{display:none}.bubble-composer.is-share-ready .composer-display-message{display:block;opacity:1;transform:translateY(0);user-select:none;-webkit-user-select:none}.bubble-composer.is-preview-transitioning .composer-display-message{animation:composer-display-in 720ms cubic-bezier(0.16, 1, 0.3, 1)}.bubble-composer.is-preview-transitioning .composer-display-message h2{animation:composer-line-in 620ms cubic-bezier(0.16, 1, 0.3, 1) both}.bubble-composer.is-preview-transitioning .composer-display-message p{animation:composer-line-in 620ms cubic-bezier(0.16, 1, 0.3, 1) 90ms both}.bubble-composer.is-preview-transitioning .composer-share-panel{animation:composer-share-panel-in 680ms cubic-bezier(0.16, 1, 0.3, 1) 130ms both}.bubble-composer.is-edit-transitioning .composer-row{animation:composer-display-in 260ms cubic-bezier(0.22, 1, 0.36, 1)}.bubble-composer.is-share-ready .composer-config{display:none}.composer-divider{display:none}.composer-actions{display:flex;justify-content:center;align-items:center}.bubble-composer button,.composer-share-panel button,.secondary-action{margin:0;padding:0.78rem 1rem;font-size:1rem;border:0;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;font-weight:800;letter-spacing:0;transition:background-color 0.18s ease, border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease}#submit-button{width:auto;min-width:230px;min-height:56px;gap:0.65rem;padding:0.9rem 1.35rem;border-radius:12px;background:var(--reo-green);color:#fff;box-shadow:0 12px 28px rgba(16,185,129,0.23),0 0 0 1px rgba(255,255,255,0.32) inset}#submit-button:hover:not(:disabled):not([aria-disabled="true"]){background:var(--reo-green-dark);transform:translateY(-2px);box-shadow:0 16px 34px rgba(16,185,129,0.28),0 0 0 1px rgba(255,255,255,0.35) inset}.submit-share-icon{width:21px;height:21px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.secondary-action{color:var(--reo-green-dark);background:linear-gradient(180deg, #f4fdf8 0%, #e6fbf1 100%);border:1.5px solid rgba(13,150,106,0.38);box-shadow:0 1px 0 rgba(255,255,255,0.86) inset,0 6px 14px rgba(13,150,106,0.08)}.secondary-action:hover:not(:disabled):not([aria-disabled="true"]){transform:translateY(-1px);background:linear-gradient(180deg, #ecfdf5 0%, #d8f7e9 100%);border-color:rgba(13,150,106,0.55);box-shadow:0 1px 0 rgba(255,255,255,0.9) inset,0 8px 18px rgba(13,150,106,0.12)}.composer-share-panel{width:100%;max-width:560px;margin:1rem auto 0;padding:1.25rem;border-radius:12px;border:1px solid #fed7aa;background:#fffaf3;text-align:center;box-sizing:border-box}.composer-busy-overlay{position:absolute;inset:-1rem;z-index:10000;display:grid;place-items:center;border-radius:16px;background:rgba(255,255,255,0.72);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);cursor:wait}.composer-busy-spinner{width:76px;height:76px;border-radius:999px;border:7px solid rgba(16,185,129,0.18);border-top-color:var(--reo-green);animation:composer-spin 0.8s linear infinite;box-shadow:0 16px 42px rgba(16,185,129,0.2)}.composer-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@keyframes composer-spin{to{transform:rotate(360deg)}}@keyframes composer-display-in{from{opacity:0;transform:translateY(18px) scale(0.965)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes composer-line-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes composer-share-panel-in{from{opacity:0;transform:translateY(24px) scale(0.975)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes copy-button-guide{0%,100%{transform:translateY(0)}45%{transform:translateY(-4px)}}@keyframes guidance-arrow-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(9px)}}.share-heading{display:flex;flex-direction:column;align-items:center;gap:0.5rem;margin-bottom:0.75rem}.composer-share-panel.is-copy-guided .share-heading,.composer-share-panel.is-copy-guided .share-considerate-line,.composer-share-panel.is-experienced-sharer .share-title,.composer-share-panel.is-experienced-sharer .share-considerate-line{display:none}.share-step-badge{display:inline-flex;align-items:center;gap:0.4rem;width:fit-content;padding:0.25rem 0.65rem;border-radius:999px;font-size:0.85rem;font-weight:800;background:#fffaf3;color:#8a5a18;border:1px solid #fed7aa}.share-title{margin:0;font-size:1.35rem;line-height:1.25;color:#1f2937}.share-considerate-line,.email-unsupported-message{margin:0.75rem auto;color:#4b5563;line-height:1.45}.share-guidance{display:flex;align-items:center;justify-content:center;gap:0.45rem;margin:0.85rem auto 0.25rem;color:#8a5a18;font-size:0.95rem;font-weight:700;line-height:1.35}.share-guidance.hidden{display:none}.share-guidance-arrow{display:inline-flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;border-radius:999px;color:var(--reo-orange);background:#fff7ed;border:1px solid #fed7aa;animation:guidance-arrow-bounce 1.1s ease-in-out infinite}.composer-copy-actions{display:grid;gap:0.75rem;margin-top:0.75rem}.composer-share-panel .copy-button{margin:0;background:var(--reo-green);color:#fff;box-shadow:0 8px 18px rgba(16,185,129,0.22)}.composer-share-panel.is-copy-highlighted .copy-button{position:relative;z-index:2;animation:copy-button-guide 1.6s ease-in-out 10;box-shadow:0 16px 34px rgba(16,185,129,0.34),0 0 0 6px rgba(255,107,26,0.18)}.bubble-composer.is-copy-highlighted .composer-bubble,.bubble-composer.is-copy-highlighted .composer-config,.composer-share-panel.is-copy-highlighted .composer-share-secondary-actions,.composer-share-panel.is-copy-highlighted .email-unsupported-message,.composer-share-panel.is-copy-highlighted .email-preview-box{opacity:0.22;transition:opacity 260ms ease}.copy-button:hover:not(:disabled):not([aria-disabled="true"]):not(.disabled){background:var(--reo-green-dark);transform:translateY(-1px);box-shadow:0 12px 26px rgba(16,185,129,0.24)}.copy-button .icon{width:20px;height:20px;margin-right:0.5rem;flex:0 0 auto}.copy-button span{white-space:nowrap}.copy-button.is-copying{opacity:0.72}.copy-button.share-active{background:var(--reo-green-dark)}.copy-success{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.toast{position:fixed;left:50%;bottom:calc(1rem + env(safe-area-inset-bottom, 0px));z-index:9999;width:calc(100vw - 2rem);max-width:34rem;box-sizing:border-box;display:flex;align-items:flex-start;gap:0.85rem;padding:0.95rem 3rem 0.95rem 1rem;border-radius:8px;background:rgba(255,255,255,0.98);border:1px solid var(--reo-line);color:#374151;box-shadow:0 14px 34px rgba(66,55,44,0.14);font-size:0.96rem;font-weight:650;line-height:1.4;opacity:0;transform:translate(-50%, 14px);pointer-events:none;transition:opacity 280ms ease, transform 280ms ease}.toast.visible{opacity:1;transform:translate(-50%, 0);pointer-events:auto}.toast--error{border-color:rgba(220,38,38,0.24);background:rgba(255,251,250,0.98);color:#9f1239}.toast--info{border-color:#fed7aa;background:rgba(255,247,237,0.98);color:#5f554a}.toast-text{min-width:0}.toast-close{position:absolute;top:0.65rem;right:0.75rem;display:inline-flex;align-items:center;justify-content:center;width:1.75rem;min-width:0;min-height:0;height:1.75rem;margin:0;padding:0;border:0;border-radius:999px;background:transparent;color:#6b7280;cursor:pointer;font-size:1.25rem;font-weight:700;line-height:1;box-shadow:none;letter-spacing:0}.toast-close:hover,.toast-close:focus-visible{background:rgba(15,23,42,0.06);color:#374151}.toast-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:2.25rem;height:2.25rem;margin-top:0.05rem;border-radius:999px;background:#ffedd5;color:#c2410c;border:1px solid #fed7aa}.toast-icon svg{width:1.35rem;height:1.35rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.email-preview-box{margin-top:1rem;padding:1rem;border-radius:8px;background:#fff;border:1px solid var(--reo-line);text-align:left}.email-preview-box p{margin-top:0}.email-preview-content{overflow-wrap:anywhere;color:#374151}.email-preview-content a{color:#2563eb;text-decoration:underline}.composer-share-secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem;margin-top:1rem}.bubble-composer button:disabled,.bubble-composer button[aria-disabled="true"],.composer-share-panel button:disabled,.composer-share-panel button[aria-disabled="true"]{background:#9ca3af !important;border-color:#9ca3af !important;color:#fff !important;cursor:not-allowed;opacity:0.8;transform:none !important;box-shadow:none !important}.composer-config{--composer-config-collapsed: #e6e3dc;--composer-config-tone: #8f887f;--composer-config-placeholder: #b8b1a8;margin-top:1.5rem;border:1px solid var(--composer-config-collapsed);border-radius:8px;padding:0.85rem 1rem;background:#fff;color:var(--composer-config-tone)}.composer-config[open]{border-color:var(--composer-config-tone)}.composer-config summary{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--composer-config-collapsed);list-style:none}.composer-config summary:focus-visible{outline:2px solid var(--composer-config-tone);outline-offset:3px;border-radius:6px}.composer-config summary::-webkit-details-marker{display:none}.composer-config-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.composer-config[open] .composer-config-icon{color:var(--composer-config-tone)}.composer-option,.composer-config label{display:block;color:var(--composer-config-tone);font-weight:400;margin-top:1rem;margin-bottom:0.4rem}.composer-option input,input[type="checkbox"]{margin-right:0.5rem}.composer-image-option{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;flex-wrap:wrap}.composer-image-toggle-label{display:inline-flex;align-items:center;min-width:max-content}.composer-option-note{display:inline-flex;align-items:center;gap:0.25rem;width:fit-content;max-width:100%;padding:0.22rem 0.5rem;border:1px solid #e6e3dc;border-radius:999px;background:#faf8f4;color:#8f887f;font-size:0.8rem;font-weight:600;line-height:1.3;text-align:left}.composer-option-note a{color:var(--reo-green-dark);font-weight:700;text-decoration:none}.composer-option-note a:hover,.composer-option-note a:focus-visible{color:var(--reo-green);text-decoration:none}.composer-config textarea,.composer-config input[type="text"]{width:100%;box-sizing:border-box;color:var(--composer-config-tone) !important}.composer-config textarea::placeholder,.composer-config input[type="text"]::placeholder{color:var(--composer-config-placeholder)}.char-counter{display:none;text-align:left;font-size:0.85rem;margin-top:0.25rem;color:var(--reo-muted)}.char-counter.warning{color:#d97706}.selected-preview{display:inline-flex;align-items:center;justify-content:center;width:4.5rem;height:4.5rem;margin:0.25rem 0 0.75rem;border:1px solid var(--reo-line);border-radius:8px;background:#fff}.selected-preview img{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px}.image-picker-actions{display:flex;gap:0.75rem;flex-wrap:wrap}body.image-picker-open{overflow:hidden}.image-picker-dialog{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.5rem}.image-picker-backdrop{position:absolute;inset:0;background:rgba(17,24,39,0.48)}.image-picker-panel{position:relative;z-index:1;display:grid;grid-template-rows:auto auto minmax(0, 1fr) auto;width:100%;max-width:760px;max-height:86vh;overflow:hidden;border-radius:8px;background:#fff;border:1px solid var(--reo-line);box-shadow:0 24px 80px rgba(15,23,42,0.24)}.image-picker-header,.image-picker-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--reo-line)}.image-picker-header h2{margin:0;color:#374151;font-size:1.15rem;line-height:1.2}.image-picker-close{width:2.25rem;max-width:2.25rem;min-width:2.25rem;height:2.25rem;max-height:2.25rem;min-height:2.25rem;margin:0;padding:0;border:0;border-radius:999px;background:#f3f4f6;color:#4b5563;box-shadow:none;font-size:1.5rem;line-height:1;flex:0 0 2.25rem;display:inline-flex;align-items:center;justify-content:center;letter-spacing:0}.image-picker-search{padding:1rem 1.25rem 0}.image-picker-search label{display:block;margin-bottom:0.35rem;color:#4b5563;font-weight:700}.image-picker-scroll{min-height:0;overflow-y:auto;padding:0 1.25rem 1rem}.image-picker-section h3{margin:1rem 0 0.75rem;color:#4b5563;font-size:0.95rem;line-height:1.2}.giphy-results-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(96px, 1fr));gap:0.75rem;grid-auto-flow:dense}.giphy-thumb-button{position:relative;width:100%;aspect-ratio:1;min-width:0;min-height:0;margin:0;padding:0;overflow:hidden;border:2px solid transparent;border-radius:8px;background:#fff;box-shadow:none;cursor:pointer;transition:border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease}.giphy-thumb-button:hover,.giphy-thumb-button:focus-visible{border-color:rgba(249,115,22,0.55);transform:translateY(-1px)}.giphy-thumb-button.selected{border-color:var(--reo-orange);box-shadow:0 0 0 4px rgba(249,115,22,0.14)}.giphy-thumb-button--wide{grid-column:span 2;aspect-ratio:16 / 9}.giphy-thumb{width:100%;height:100%;object-fit:contain}.giphy-source-label{position:absolute;left:0.35rem;bottom:0.35rem;max-width:calc(100% - 0.7rem);padding:0.12rem 0.35rem;overflow:hidden;border-radius:999px;background:rgba(255,255,255,0.88);color:#4b5563;font-size:0.7rem;font-weight:700;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.image-picker-footer{display:grid;grid-template-columns:minmax(0, 1fr) minmax(10rem, 16rem);align-items:center;border-top:1px solid var(--reo-line);border-bottom:0}.image-picker-current{display:flex;align-items:center;gap:0.75rem;min-width:0;color:#4b5563;font-weight:700}.image-picker-current img{flex:0 0 auto;width:3rem;height:3rem;object-fit:contain;border:1px solid var(--reo-line);border-radius:8px;background:#fff}.image-picker-footer #image-picker-use-button{width:100%;min-width:0;margin:0}.legacy-form-fields{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (max-width: 640px){.bubble-composer{margin-top:1rem}.image-picker-dialog{align-items:flex-end;padding:0}.image-picker-panel{width:100%;max-height:88vh;border-right:0;border-bottom:0;border-left:0;border-radius:8px 8px 0 0}.image-picker-header,.image-picker-footer{padding:0.9rem 1rem}.image-picker-footer{grid-template-columns:1fr}.image-picker-search{padding:0.9rem 1rem 0}.image-picker-scroll{padding-right:1rem;padding-left:1rem}.composer-bubble{width:100%;min-width:0;max-width:100%;padding:2rem 1.25rem 1rem}.composer-row{min-height:0}.composer-primary-text{font-size:1.6rem}.composer-counterpart-text{font-size:1.1rem}.composer-textarea.is-maori{font-size:1.6rem}.composer-textarea.is-english{font-size:1.1rem}.composer-actions{grid-template-columns:1fr}.bubble-composer.is-share-ready .composer-bubble{width:100%;min-width:0;max-width:100%;padding:2rem 1.25rem 1rem}.composer-display-message h2{font-size:1.6rem}.composer-display-message p,.composer-counterpart-text{font-size:1.1rem}.composer-share-secondary-actions{grid-template-columns:1fr}}