@import "https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600&display=swap";:root{color:#fff;background:#db92c9;font-family:Raleway,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{background:#db92c9;width:100%;min-height:100%;margin:0}body{background:#db92c9;min-height:100vh;font-family:Raleway,system-ui,sans-serif}button,input,textarea,select{font:inherit}.page{min-height:100svh;padding:max(12px, env(safe-area-inset-top)) 18px max(12px, env(safe-area-inset-bottom));background:#db92c9;justify-content:center;display:flex;position:relative}.bg-orb{filter:blur(90px);pointer-events:none;opacity:.55;border-radius:999px;position:absolute}.bg-orb-1{background:#ff78d22e;width:220px;height:220px;top:70px;left:-60px}.bg-orb-2{background:#be78ff26;width:250px;height:250px;top:120px;right:-70px}.bg-orb-3{background:#ffaad21f;width:300px;height:220px;bottom:-40px;left:50%;transform:translate(-50%)}.particles{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.particle{left:var(--left);width:var(--size);height:var(--size);animation:floatUp var(--duration) linear infinite;animation-delay:var(--delay);opacity:.7;background:#f3b3eaa6;border-radius:999px;position:absolute;bottom:-20px;box-shadow:0 0 10px #f3b3ea59,0 0 20px #f3b3ea2e}.particle-1{background:#f3b3eabf}.particle-2{background:#ff9edc94}.particle-3{background:#e8aaff8c}.particle-4{background:#ffbeeb85}.particle-5{background:#f3b3ea6b}.particle-6{background:#ff8cd27a}@keyframes floatUp{0%{opacity:0;transform:translateY(0)translate(0)}8%{opacity:.7}50%{opacity:.55;transform:translateY(-45vh)translate(12px)}to{opacity:0;transform:translateY(-95vh)translate(-8px)}}.shell{z-index:1;flex-direction:column;align-items:center;gap:0;width:100%;max-width:440px;margin:auto;display:flex;position:relative;transform:translateY(-14px)}.hylo-logo{opacity:.98;width:clamp(190px,46vw,220px);max-width:88%;height:auto;margin-bottom:-22px;display:block}.panel{-webkit-backdrop-filter:blur(22px);background:#1e1e24;border:0;border-radius:32px;width:100%;padding:30px 22px 22px;position:relative;box-shadow:0 18px 40px #78376947}.panel>*{z-index:1;position:relative}.panel-header{margin-bottom:2px}.title{letter-spacing:-.03em;color:#fff;margin:0;font-size:28px;font-weight:600;line-height:1.05}.field-block{margin-bottom:14px}.field-label{color:#ffffffd6;margin-bottom:8px;font-size:16px;font-weight:500;display:block}.name-input{color:#fff;background:#ffffff1a;border:0;border-radius:18px;outline:none;width:100%;height:50px;padding:0 16px;transition:background .16s,border-color .16s,opacity .16s,box-shadow .16s;box-shadow:inset 0 1px #ffffff08}.name-input:disabled{opacity:.55}.name-input:focus{background:#ffffff1a}.name-input::placeholder{color:#ffffff6b;font-weight:500}.textarea-wrap{margin-bottom:12px}.textarea-wrap textarea{resize:none;color:#fff;background:#ffffff1a;border:0;border-radius:24px;outline:none;width:100%;min-height:132px;padding:18px;transition:background .16s,border-color .16s,box-shadow .16s;box-shadow:inset 0 1px #ffffff08}.textarea-wrap textarea:focus{background:#ffffff24}.textarea-wrap textarea::placeholder{color:#ffffff6b;font-weight:500}.counter{text-align:right;color:#c8c8cc;margin-top:6px;font-size:16px;font-weight:400}.counter-over{color:#ff5a5af2}.error-box{color:#ffdcdcf2;background:#ff5a5a1f;border:1px solid #ff5a5a47;border-radius:12px;margin-top:2px;margin-bottom:10px;padding:10px 12px;font-size:13px;line-height:1.35}.image-upload-block{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;display:flex}.secondary-btn{color:#f0a8df;cursor:pointer;background:0 0;border:0;border-radius:999px;flex-shrink:0;align-items:center;gap:10px;margin-bottom:0;padding:0;font-size:17px;font-weight:500;line-height:1;transition:transform .14s,opacity .14s;display:inline-flex}@media (hover:hover){.secondary-btn:hover{opacity:.88}}.secondary-btn:active{transform:scale(.985)}.secondary-btn-icon{object-fit:contain;width:20px;height:20px;display:block}.secondary-btn-text{color:#f0a8df;font-size:17px;font-weight:500}.image-preview-row{align-items:center;gap:14px;display:inline-flex}.image-preview-thumb{object-fit:cover;background:#ffffff1a;border:0;border-radius:18px;width:64px;height:64px;display:block}.image-preview-remove{color:#fff;cursor:pointer;opacity:.82;background:0 0;border:0;flex-shrink:0;padding:0;font-size:22px;line-height:1;transition:opacity .14s,transform .14s}@media (hover:hover){.image-preview-remove:hover{opacity:1}}.image-preview-remove:active{transform:scale(.96)}.select-wrap{margin-bottom:18px;position:relative}.select-display{pointer-events:none;z-index:1;align-items:center;gap:12px;display:inline-flex;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.select-display-emoji{font-size:22px;line-height:1}.select-display-label{color:#fff;font-size:17px;font-weight:500;line-height:1}.select-wrap select{appearance:none;color:#0000;cursor:pointer;background:#ffffff1a;border:0;border-radius:999px;outline:none;width:100%;padding:14px 48px 14px 16px;font-size:15px;font-weight:400;transition:background .16s,box-shadow .16s,border-color .16s}.select-wrap select option{color:#fff}.select-wrap select:focus{background:#ffffff24}.chevron{color:#ffffffc7;pointer-events:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.check-row{-webkit-tap-highlight-color:transparent;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;margin-bottom:18px;display:flex}.check-row input{opacity:0;pointer-events:none;position:absolute}.anon-switch{background:#ffffff1a;border-radius:999px;flex-shrink:0;align-items:center;width:44px;height:26px;padding:3px;transition:background .18s;display:inline-flex}.anon-switch-dot{background:#fff;border-radius:999px;width:20px;height:20px;transition:transform .18s cubic-bezier(.2,.9,.3,1.2)}.check-row input:checked+.anon-switch{background:#f4b2e6}.check-row input:checked+.anon-switch .anon-switch-dot{transform:translate(18px)}.check-label{color:#fffffff2;font-size:17px;font-weight:500}.publish-btn{color:#160d15;cursor:pointer;background:linear-gradient(#efc3eb 0%,#dfaddf 100%);border:0;border-radius:999px;width:100%;padding:17px 22px;font-size:19px;font-weight:600;transition:transform .14s,filter .14s,opacity .14s}.publish-btn:disabled{opacity:.6;cursor:default}@media (hover:hover){.publish-btn:hover:not(:disabled){filter:brightness(1.03)}}.publish-btn:active:not(:disabled){transform:scale(.988)}.hylo-modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(14px);justify-content:center;align-items:center;padding:16px;animation:.18s forwards hyloModalFadeIn;display:flex;position:fixed;inset:0}.hylo-modal-backdrop.is-closing{animation:.18s forwards hyloModalFadeOut}.hylo-modal{box-sizing:border-box;-webkit-backdrop-filter:blur(12px);transform-origin:50%;background:#1e1e24;border:0;border-radius:26px;width:100%;max-width:420px;padding:18px;animation:.22s cubic-bezier(.22,1,.36,1) forwards hyloModalCardIn;position:relative;overflow:hidden;box-shadow:0 22px 54px #78376952}.hylo-modal.is-closing{animation:.18s cubic-bezier(.4,0,1,1) forwards hyloModalCardOut}.hylo-modal:before{content:"";pointer-events:none;background:0 0;border-radius:26px;position:absolute;inset:0}.hylo-confirm{text-align:left}.hylo-modal-title{z-index:1;color:#fff;font-size:18px;font-weight:600;position:relative}.hylo-confirm-text{z-index:1;opacity:.85;margin-bottom:14px;font-size:13px;line-height:1.4;position:relative}@media (width<=480px){.page{padding-left:14px;padding-right:14px}.panel{border-radius:28px;padding:26px 18px 18px}.title{font-size:25px}}.hylo-confirm-actions{z-index:1;gap:10px;display:flex;position:relative}.hylo-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:0;border-radius:999px;padding:12px 22px;font-size:13px;font-weight:500}.hylo-btn-primary{background:#ffffff1f}@keyframes hyloModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes hyloModalFadeOut{0%{opacity:1}to{opacity:0}}@keyframes hyloModalCardIn{0%{opacity:0;transform:translateY(18px)scale(.965)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes hyloModalCardOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(14px)scale(.97)}}@media (width<=480px){.page{padding:max(12px, env(safe-area-inset-top)) 18px max(8px, env(safe-area-inset-bottom))}.shell{gap:0;max-width:100%}.hylo-logo{max-width:100%;height:auto;margin-top:-60px;margin-bottom:-30px;width:250px!important}.panel{border-radius:30px;padding:28px 20px 18px}.title{margin-bottom:20px;font-size:22px}.field-label{margin-bottom:8px;font-size:17px}.name-input{height:48px}.textarea-wrap textarea{min-height:122px;padding:16px}.counter{font-size:13px}.image-upload-block{gap:16px;margin-bottom:12px}.secondary-btn{margin-bottom:0;padding:12px 20px;font-size:15px}.file-pill{gap:18px;padding:8px 18px}.file-pill-text{font-size:14px}.file-pill-remove{padding-left:8px;font-size:16px}.select-wrap select{padding:16px 48px 16px 16px;font-size:17px}.check-label{font-size:17px}.publish-btn{padding:16px 20px;font-size:18px}}.add-image-btn{cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;transition:opacity .14s;display:inline-flex}@media (hover:hover){.add-image-btn:hover{opacity:.88}}.add-image-btn:disabled{opacity:.5;cursor:default}.add-image-tile{color:#f4b2e6;background:#ffffff1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:32px;font-weight:400;line-height:1;display:inline-flex}.add-image-label{color:#fff;font-size:15px;font-weight:600;line-height:1}.name-field{position:relative}.name-field .name-input{padding-right:72px}.listo-btn{color:#f4b2e6;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;font-size:14px;font-weight:700;animation:.18s both listoIn;position:absolute;top:50%;right:20px;transform:translateY(-50%)}@keyframes listoIn{0%{opacity:0}to{opacity:1}}.sheet-header{justify-content:flex-end;align-items:center;margin-bottom:14px;display:flex;position:relative}.sheet-title{text-align:center;pointer-events:none;color:#fff;font-size:17px;font-weight:700;position:absolute;left:0;right:0}.sheet-publish{color:#111;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#f4b2e64d;border:0;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:700;transition:background .16s}.sheet-publish.is-ready{background:#f4b2e6}.section-label{color:#fff;margin-bottom:11px;font-size:14px;font-weight:600;display:block}.cat-row{scrollbar-width:none;gap:8px;margin-bottom:16px;padding-right:14px;display:flex;overflow-x:auto}.cat-row::-webkit-scrollbar{display:none}.cat-chip{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff1a;border:0;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;font-size:14px;font-weight:600;transition:background .16s;display:inline-flex}.cat-chip.is-active{background:#f4b2e62e}.cat-chip-emoji{font-size:14px}.image-and-anon{justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;display:flex}.image-and-anon .image-upload-block,.image-and-anon .check-row{margin-bottom:0}.textarea-wrap{position:relative}.listo-slot{justify-content:flex-end;align-items:center;height:22px;margin-bottom:4px;display:flex}.listo-btn--body{position:static;top:auto;right:auto;transform:none}.download-btn{color:#111;-webkit-tap-highlight-color:transparent;background:#f2f2f2;border-radius:999px;justify-content:center;align-items:center;gap:12px;width:100%;height:53px;margin-top:40px;font-size:16px;font-weight:600;text-decoration:none;transition:opacity .14s;display:flex}@media (hover:hover){.download-btn:hover{opacity:.88}}input,textarea{caret-color:#f4b2e6}input::selection{background:#f4b2e652}textarea::selection{background:#f4b2e652}.select-display-label--vacio{color:#fff9}.publish-btn--apagado{opacity:.6}.publish-btn--apagado:active:not(:disabled){transform:none}@media (hover:hover){.publish-btn--apagado:hover:not(:disabled){filter:none}}.aviso{color:#ff9a9a;font-size:13px;font-weight:500;line-height:1.3}.aviso--texto{margin:-2px 0 14px 16px}.aviso--categoria{margin:-10px 0 14px 16px}
