.tree-form-dialog{width:min(100%,420px);max-width:100%;height:calc(100dvh - 32px);max-height:1040px;color:var(--text-primary);background:0 0;border:0;border-radius:32px 32px 0 0;margin:0 auto;padding:0;position:fixed;inset:auto 0 0;overflow:hidden}.tree-form-dialog::backdrop{background:#1a1d2766}.tree-form-dialog[open]{animation:.24s cubic-bezier(.22,1,.36,1) tree-form-enter}@keyframes tree-form-enter{0%{transform:translateY(100%)}to{transform:translateY(0)}}.tree-form-sheet{background:#fff;flex-direction:column;height:100%;transition:transform .2s ease-out;display:flex}.tree-form-sheet.dragging{transition:none}.tree-form-top{flex-shrink:0}.tree-form-grabber{touch-action:none;justify-content:center;height:16px;padding-top:5px;display:flex}.tree-form-grabber span{background:#10183147;border-radius:100px;width:36px;height:5px}.tree-form-toolbar{align-items:center;gap:16px;height:64px;padding:0 16px;display:flex}.tree-form-toolbar h2{letter-spacing:-.85px;flex:1;margin:0;font-size:34px;line-height:40px}.tree-form-toolbar h2.edit{letter-spacing:0;font-size:24px;font-weight:600;line-height:32px}.tree-form-toolbar button{color:var(--text-primary);cursor:pointer;background:#f0f1f4;border:0;flex-shrink:0;height:36px}.tree-form-round{border-radius:50%;place-items:center;width:36px;display:grid}.tree-form-toolbar img{width:20px;height:20px}.tree-form-delete{border-radius:24px;align-items:center;gap:4px;padding:0 16px;font-size:14px;font-weight:600;display:flex}.tree-form-dialog:focus{outline:none}.tree-form-dialog button:focus:not(:focus-visible){outline:none}.tree-form-dialog button:focus-visible{outline-offset:2px;outline:2px solid #1a1d27}.tree-form-scroll{overscroll-behavior:contain;scrollbar-width:none;flex:1;padding:16px 16px 112px;overflow-y:auto}.tree-form-scroll fieldset{border:0;flex-direction:column;gap:16px;min-width:0;margin:0;padding:0;display:flex}.tree-form-photos{scrollbar-width:none;gap:8px;min-height:104px;display:flex;overflow-x:auto}.tree-form-add-photo,.tree-form-photo{border-radius:16px;flex-shrink:0;width:104px;height:104px}.tree-form-add-photo{color:#1a1d27b3;background:#f0f1f4;border:1px solid #03113e24;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.tree-form-add-photo>span{font-size:22px;font-weight:400}.tree-form-photo{position:relative;overflow:hidden}.tree-form-photo>img{object-fit:cover;width:100%;height:100%}.tree-form-photo button{background:#f7f7fa;border:0;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:4px;right:4px}.tree-form-photo button img{width:20px;height:20px}.tree-form-field{background:#fff;border:1px solid #03113e24;border-radius:12px;flex-shrink:0;height:52px;display:block;position:relative;overflow:hidden}.tree-form-field:focus-within{border-color:#1b1f24}.tree-form-field>span{z-index:1;color:var(--text-muted);transform-origin:0 0;pointer-events:none;font-size:16px;line-height:20px;transition:top .18s,transform .18s;position:absolute;top:7px;left:12px;transform:scale(.75)}.tree-form-field[data-empty=true]:not(:focus-within)>span{top:50%;transform:translateY(-50%)}.tree-form-field input,.tree-form-field select{width:calc(100% - 24px);height:20px;color:var(--text-primary);font:inherit;background:0 0;border:0;outline:none;padding:0;font-size:16px;line-height:20px;position:absolute;bottom:7px;left:12px}.tree-form-field select{-webkit-appearance:none;appearance:none;padding-right:32px}.tree-form-field[data-empty=true]:not(:focus-within) input{opacity:0}.tree-form-chevron{pointer-events:none;width:24px;height:24px;position:absolute;top:14px;right:12px}.tree-form-bottom{padding:8px 16px max(24px,env(safe-area-inset-bottom));pointer-events:none;justify-content:center;display:flex;position:absolute;bottom:0;left:0;right:0}.tree-form-bottom button{pointer-events:auto;color:#fff;background:#1a1d27;border:0;border-radius:99px;align-items:center;gap:8px;height:48px;padding:0 20px;font-size:16px;font-weight:600;display:flex;box-shadow:0 10px 15px #08090d1a,0 4px 6px #08090d0d}.tree-form-bottom button>span{font-size:24px;font-weight:400}.tree-form-bottom button:disabled{color:#999da5;background:#f0f1f4}.tree-form-error{color:#d22;font-size:14px}.tree-photo-picker{background:#f7f7fa;border-radius:16px;padding:12px}.tree-photo-picker header{justify-content:space-between;margin-bottom:12px;display:flex}.tree-photo-picker header button,.tree-form-confirm button{color:var(--text-primary);background:#f0f1f4;border:0;border-radius:16px;padding:8px 14px}.tree-photo-picker>div{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.tree-photo-picker>div button{aspect-ratio:1;border:0;border-radius:12px;padding:0;position:relative;overflow:hidden}.tree-photo-picker img{object-fit:cover;width:100%;height:100%}.tree-photo-picker button span{background:#fff;border-radius:50%;padding:2px 5px;position:absolute;top:4px;right:4px}.tree-form-confirm{background:#fff4f4;border-radius:12px;padding:16px}.tree-form-confirm button+button{color:#d22;margin-left:8px}@media (prefers-reduced-motion:reduce){.tree-form-dialog[open]{animation:none}.tree-form-sheet,.tree-form-field>span{transition:none}}.tree-form-round img[src="/assets/tree-close.svg"]{filter:brightness(0)}.tree-latin-combo{position:relative}.tree-latin-combo input{padding-right:40px}.tree-latin-combo label button{background:0 0;border:0;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:4px;right:4px}.tree-latin-combo label button img{width:24px;height:24px}.tree-latin-combo [role=listbox]{z-index:4;background:#fff;border-radius:12px;max-height:220px;padding:8px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto;box-shadow:0 8px 24px #0003}.tree-latin-combo [role=option]{text-align:left;width:100%;color:var(--text-primary);font:inherit;background:#fff;border:0;padding:12px;display:block}.tree-latin-combo [role=option]:hover,.tree-latin-combo [role=option]:focus{background:#f0f1f4}.tree-form-confirm{z-index:5;background:#fff;position:absolute;top:100px;left:16px;right:16px;box-shadow:0 8px 24px #0003}.tree-form-scroll{min-width:0;overflow-x:hidden}.tree-form-photos{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;-webkit-user-select:none;user-select:none;flex-shrink:0;width:calc(100% + 32px);min-width:0;max-width:calc(100% + 32px);margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px;overflow:auto hidden}.tree-form-photos>*{scroll-snap-align:start;flex:0 0 104px}.tree-form-photos.is-dragging{scroll-snap-type:none;cursor:grabbing}.tree-form-photos:focus-visible{outline-offset:2px;outline:2px solid #1a1d27}.tree-form-photos::-webkit-scrollbar{display:none}.tree-form-add-photo>img{flex-shrink:0;width:16px;height:16px}.tree-form-photo button{padding:0}.tree-form-toolbar img,.tree-form-photo button img{object-fit:contain;flex-shrink:0}.tree-form-dialog:not(.profile-edit-dialog) .tree-form-toolbar h2.edit{letter-spacing:-.85px;font-size:34px;font-weight:700;line-height:40px}.tree-form-dialog:not(.profile-edit-dialog) .tree-form-scroll{padding:16px 16px 0}.tree-form-dialog:not(.profile-edit-dialog) .tree-form-scroll fieldset{gap:32px}.tree-form-photo-section{flex-direction:column;gap:12px;display:flex}.tree-cover-notice{box-sizing:border-box;background:#e8f2fd;border-radius:12px;align-items:center;gap:12px;min-height:60px;padding:12px 12px 12px 16px;display:flex}.tree-cover-notice>img{width:20px;height:20px}.tree-cover-notice p{flex:1;margin:0;font-size:14px;line-height:20px}.tree-cover-notice button{background:0 0;border:0;place-items:center;width:36px;height:36px;padding:0;display:grid}.tree-cover-notice button img{width:20px;height:20px}.tree-form-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.tree-form-dialog:not(.profile-edit-dialog) .tree-form-photo,.tree-form-dialog:not(.profile-edit-dialog) .tree-form-add-photo{aspect-ratio:1;box-sizing:border-box;width:100%;height:auto}.tree-form-dialog:not(.profile-edit-dialog) .tree-form-add-photo{background:#0210410a;border:0;gap:16px;font-size:14px;line-height:16px}.tree-form-dialog:not(.profile-edit-dialog) .tree-form-add-photo>img{width:24px;height:24px}.tree-form-dialog:not(.profile-edit-dialog) .tree-form-photo .tree-cover-selector{background:0 0;width:28px;height:28px;top:4px;left:4px;right:auto}.tree-form-dialog:not(.profile-edit-dialog) .tree-form-photo .tree-photo-remove{background:#1a1d27}.tree-form-fields{flex-direction:column;gap:16px;display:flex}.tree-field-help{color:var(--text-muted);margin:4px 16px 0;font-size:12px;line-height:14px}.tree-form-field em{color:#ef4444;font-style:normal}.tree-form-dialog:not(.profile-edit-dialog) .tree-form-bottom{padding:24px 0 max(24px,env(safe-area-inset-bottom));position:static}.tree-form-dialog:not(.profile-edit-dialog) .tree-form-bottom img{width:24px;height:24px}.tree-species-suggestion{color:#16753b;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:6px 12px;font-size:12px}.tree-date-field>img{pointer-events:none;width:24px;height:24px;position:absolute;top:14px;right:12px}.tree-date-field input::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:24px;height:24px}.tree-form-dialog:not(.profile-edit-dialog) .tree-form-photo button:focus-visible{outline-color:#fff}.tree-form-dialog:not(.profile-edit-dialog) button{cursor:pointer}.tree-form-dialog:not(.profile-edit-dialog) button:disabled{cursor:default}.tree-date-value{pointer-events:none;background:#fff;font-size:16px;line-height:20px;position:absolute;bottom:7px;left:12px;right:48px}.tree-date-field:focus-within .tree-date-value{display:none}.tree-form-bottom .tree-submit-icon{background:currentColor;flex:0 0 24px;width:24px;height:24px;display:block;-webkit-mask:url(/assets/tree-form/submit.svg) 50%/contain no-repeat;mask:url(/assets/tree-form/submit.svg) 50%/contain no-repeat}