.letters-page{min-width:0;background:#f8f7fa;color:rgb(var(--color-ink))}.letters-main{width:min(100% - 40px,655px);margin:0 auto;padding:34px 0 80px}.letters-image-hero{width:100%;text-align:center}.letters-image-hero__title{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.letters-image-hero__media{position:relative}.letters-image-hero__image{display:block;width:100%;height:auto;border:2px solid rgb(var(--brand-400));border-radius:22px}.letters-image-hero__actions{position:absolute;bottom:12%;left:50%;display:flex;justify-content:center;transform:translate(-50%)}.letters-image-hero .letters-hero__my-link{border-color:rgb(var(--royal-300));background:#fff}.letters-image-hero .letters-hero__my-link:hover,.letters-image-hero .letters-hero__my-link:focus-visible{border-color:rgb(var(--brand-500));background:rgb(var(--brand-50))}.letters-hero{position:relative;isolation:isolate;overflow:hidden;padding:52px 56px;border:1px solid rgb(var(--royal-700) / 8%);border-radius:26px;background:radial-gradient(ellipse at 50% 14%,rgb(255 244 252 / 62%),transparent 45%),radial-gradient(ellipse at 50% 48%,rgb(255 235 249 / 30%),transparent 56%),radial-gradient(circle at 12% 44%,rgb(221 36 134 / 20%),transparent 38%),radial-gradient(circle at 88% 38%,rgb(63 40 107 / 20%),transparent 40%),linear-gradient(135deg,#c488dd,#d89de2 48%,#bb7bd5);box-shadow:0 14px 30px rgb(var(--royal-800) / 12%);color:rgb(var(--royal-700));text-align:center}.letters-hero>span{display:grid;width:58px;height:58px;margin:0 auto 22px;place-items:center;border:1px solid rgb(var(--royal-700) / 12%);border-radius:999px;background:#ffffff61;box-shadow:0 8px 22px rgb(var(--royal-700) / 8%);color:rgb(var(--brand-600))}.letters-hero svg{width:25px;height:25px}.letters-hero h1{margin:0;font-size:clamp(1.7rem,3vw,2.3rem);font-weight:700;line-height:1.3}.letters-hero p{max-width:720px;margin:14px auto 0;font-size:.95rem;line-height:1.7;color:rgb(var(--royal-700) / 82%)}.letters-hero__actions{display:flex;justify-content:center;margin-top:24px}.letters-hero__my-link{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:9px;border:1px solid rgb(var(--royal-700) / 15%);border-radius:9px;background:#ffffff85;padding:9px 18px;color:rgb(var(--royal-700));font-weight:700;text-decoration:none;box-shadow:0 8px 20px rgb(var(--royal-700) / 8%);transition:background .16s ease,border-color .16s ease,transform .16s ease}.letters-hero__my-link:hover,.letters-hero__my-link:focus-visible{border-color:rgb(var(--royal-700) / 28%);background:#ffffffb8;transform:translateY(-1px)}.letters-hero__my-link svg{width:19px;height:19px}@media(min-width:701px){.letters-page:not(.letters-page--bn) .letters-hero h1{font-size:clamp(1.35rem,2.2vw,1.55rem);white-space:nowrap}}.letter-submit-modal{display:grid;justify-items:center;gap:16px;text-align:center}.letter-submit-modal>svg{width:42px;height:42px;color:#e9ad00}.letter-submit-modal p{margin:0;color:#756b7c;line-height:1.65}.letter-submit-modal button{width:100%;justify-content:center}.letters-composer,.letters-filters,.letter-card,.letters-state{border:1px solid rgb(var(--royal-900) / 7%);border-radius:22px;background:#fff;box-shadow:0 10px 28px rgb(var(--royal-800) / 6%)}.letters-composer{margin-top:32px;padding:26px;transition:box-shadow .22s ease}.letters-composer__editor{border:1px solid transparent;border-radius:12px;transition:border-color .2s ease,box-shadow .2s ease}.letters-composer.is-expanded .letters-composer__editor{border-color:rgb(var(--royal-300) / 55%);background:#fbfafc}.letters-composer.is-expanded .letters-composer__editor:focus-within{border-color:rgb(var(--royal-500) / 70%);box-shadow:0 0 0 2px rgb(var(--royal-500) / 8%)}.letters-composer__selectors{position:relative;z-index:20;display:grid;max-height:0;grid-template-columns:154px 154px;gap:14px;visibility:hidden;overflow:hidden;padding:0 18px;opacity:0;transform:translateY(-10px);transition:max-height .26s ease,padding-top .26s ease,padding-bottom .26s ease,opacity .18s ease,transform .26s ease,visibility 0s linear .26s}.letters-composer.is-expanded .letters-composer__selectors{max-height:76px;visibility:visible;overflow:visible;padding-top:18px;padding-bottom:10px;opacity:1;transform:translateY(0);transition-delay:0s}.letters-composer__dropdown{position:relative;z-index:30;gap:0}.letters-composer__dropdown:focus-within,.letters-composer__dropdown:has(.general-dropdown__trigger.is-open){z-index:120}.letters-composer__dropdown .general-dropdown-field__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.letters-composer__dropdown .general-dropdown__trigger{width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgb(var(--royal-300) / 58%);border-radius:10px;background:#fff;padding:0 14px;color:rgb(var(--royal-700));font:inherit;text-align:left}.letters-composer__dropdown .general-dropdown__trigger.is-open{border-radius:10px 10px 0 0;border-color:rgb(var(--brand-500));box-shadow:0 0 0 2px rgb(var(--brand-500) / 10%)}.letters-composer__dropdown .general-dropdown__trigger svg{width:16px;transition:transform .16s ease}.letters-composer__dropdown .general-dropdown__trigger.is-open svg{transform:rotate(180deg)}.letters-composer__dropdown .general-dropdown__menu{position:absolute;z-index:100;top:calc(100% - 1px);right:0;left:0;max-height:240px;overflow-y:auto;border:1px solid rgb(var(--royal-300) / 58%);border-top:0;border-radius:0 0 10px 10px;background:#fff;padding:6px;box-shadow:0 12px 24px rgb(var(--royal-800) / 12%);pointer-events:auto}.letters-composer__dropdown .general-dropdown__menu>button{width:100%;min-height:36px;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:7px;background:transparent;padding:7px 9px;color:#655b6b;font:inherit;text-align:left}.letters-composer__dropdown .general-dropdown__menu>button:hover,.letters-composer__dropdown .general-dropdown__menu>button.is-focused,.letters-composer__dropdown .general-dropdown__menu>button.is-selected{background:rgb(var(--brand-50));color:rgb(var(--brand-700))}.letters-composer__field{position:relative;z-index:1;display:block}.letters-composer__field textarea{min-height:116px;padding:18px 18px 34px;border-color:rgb(var(--royal-300) / 55%);border-radius:12px;font-size:.96rem;line-height:1.65;transition:min-height .26s ease,border-color .16s ease,box-shadow .16s ease}.letters-composer.is-expanded .letters-composer__field textarea{min-height:135px;border:0;border-radius:0 0 12px 12px;background:transparent;box-shadow:none}.letters-composer__field small{position:absolute;right:14px;bottom:10px;display:none;color:#8a8192}.letters-composer.is-expanded .letters-composer__field small{display:block}.letters-composer__error{margin:10px 0 0;color:#c5283d}.letters-composer__footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:14px}.letters-composer__footer>span{display:inline-flex;align-items:center;gap:8px;color:#686071}.letters-composer__footer>span svg{width:19px;color:#129f68}.letters-composer__footer button{min-height:46px;border-radius:10px;background:rgb(var(--brand-600));padding-inline:26px}.letters-composer__footer button:hover{background:rgb(var(--brand-700))}.letters-filters{margin-top:32px;padding:20px}.letters-filters__summary{display:flex;min-height:34px;align-items:center;justify-content:space-between}.letters-filters__summary strong{display:inline-flex;align-items:center;gap:9px;color:rgb(var(--royal-700));font-size:1.06rem}.letters-filters__summary svg{width:18px}.letters-filters__my-link{display:inline-flex;min-height:36px;align-items:center;justify-content:center;gap:7px;border:1px solid rgb(var(--royal-300));border-radius:9px;background:#fff;padding:7px 11px;color:rgb(var(--royal-700));font-size:.82rem;font-weight:700;text-decoration:none;white-space:nowrap}.letters-filters__my-link:hover{background:rgb(var(--royal-50))}.letters-filters__my-link svg{width:15px}.letters-filters__buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.letters-filters__buttons button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:6px;border:1px solid #ddd9e2;border-radius:10px;background:#fff;color:#665d6e;font-weight:600}.letters-filters__buttons button:hover,.letters-filters__buttons button.is-active{border-color:rgb(var(--royal-600));background:rgb(var(--royal-50));color:rgb(var(--royal-700))}.letters-filters__buttons svg{width:17px}.letters-age-filter{margin-top:18px;padding-top:18px;border-top:1px solid #eeeaf1}.letters-age-filter__values{display:flex;justify-content:space-between;color:rgb(var(--royal-700));font-weight:700}.letters-age-filter__range{position:relative;height:36px;margin:5px 10px 0}.letters-age-filter__range:before{position:absolute;top:16px;right:0;left:0;height:5px;border-radius:10px;background:rgb(var(--royal-400));content:""}.letters-age-filter__range input{position:absolute;inset:0;width:100%;height:36px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;pointer-events:none}.letters-age-filter__range input::-webkit-slider-thumb{width:22px;height:22px;-webkit-appearance:none;appearance:none;border:3px solid #fff;border-radius:50%;background:rgb(var(--royal-600));box-shadow:0 1px 5px rgb(var(--royal-900) / 32%);pointer-events:auto;cursor:grab}.letters-age-filter__range input::-moz-range-thumb{width:17px;height:17px;border:3px solid #fff;border-radius:50%;background:rgb(var(--royal-600));pointer-events:auto;cursor:grab}.letters-age-filter__marks{display:flex;justify-content:space-between;color:#8d8494;font-size:.78rem}.letters-age-filter__actions{display:grid;grid-template-columns:150px 1fr;gap:12px;margin-top:16px}.letters-age-filter__actions button{min-height:42px;border:1px solid rgb(var(--royal-200));border-radius:9px;background:#fff;color:rgb(var(--royal-700));font-weight:700}.letters-age-filter__actions button:last-child{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-color:rgb(var(--brand-600));background:rgb(var(--brand-600));color:#fff}.letters-age-filter__actions svg{width:17px}.letters-feed{display:grid;gap:22px;margin-top:32px}.letter-card{position:relative;overflow:visible}.letter-card:focus-within{z-index:50}.letter-card--clickable .letter-card__header{cursor:pointer}.letter-card--clickable .letter-card__header:focus-visible{outline:2px solid rgb(var(--royal-400));outline-offset:-2px}.letter-card__header{display:flex;align-items:center;gap:13px;padding:18px 26px 0}.letter-card__avatar{display:grid;width:44px;height:44px;flex:0 0 auto;place-items:center;border:1px dashed rgb(var(--brand-400));border-radius:50%;overflow:hidden;background:#fff}.letter-card__avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.letter-card__identity{min-width:0;flex:1}.letter-card__identity>div{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.letter-card__identity strong{font-size:.98rem}.letter-card__identity span{border-radius:7px;background:rgb(var(--brand-50));padding:3px 8px;color:rgb(var(--brand-600));font-size:.84rem}.letter-card__identity small{display:flex;align-items:center;gap:5px;margin-top:3px;color:#8a8290}.letter-card__identity small svg{width:14px;height:14px}.letter-card__views{display:inline-flex;align-items:center;gap:6px;border-radius:8px;background:#faf9fb;padding:7px 9px;color:#8a8290}.letter-card__views svg{width:17px}.letter-card__body{padding:15px 26px 0;font-size:.96rem;line-height:1.7;white-space:pre-line;overflow-wrap:anywhere;word-break:break-word}.letter-card__body h2{margin:0 0 10px;color:rgb(var(--royal-700));font-size:1.2rem}.letter-card__body p{margin:0}.letter-card__more{display:inline;border:0;background:transparent;padding:0;color:rgb(var(--royal-600));font:inherit;font-weight:700;white-space:nowrap}.letter-card__actions{display:grid;grid-template-columns:repeat(3,1fr);margin-top:9px;border-top:1px solid #eeeaf1}.letter-card__actions button{display:inline-flex;min-height:62px;align-items:center;justify-content:center;gap:7px;border:0;background:#fff;color:#746c7d;font-weight:600}.letter-card__actions button:first-child{border-bottom-left-radius:21px}.letter-card__actions button:last-child{border-bottom-right-radius:21px}.letter-card__actions button:hover,.letter-card__actions button.is-active{background:rgb(var(--royal-50));color:rgb(var(--royal-600))}.letter-card__actions button.is-active svg{fill:currentColor}.letter-card__actions svg{width:19px}.letter-card--skeleton{padding:24px}.letter-comments{display:grid;gap:13px;border-top:1px solid #eeeaf1;border-radius:0 0 21px 21px;background:#fcfbfd;padding:18px 24px 24px}.letter-comments__title{margin:0;color:#918898;font-size:.9rem;font-weight:700}.letter-comment{display:flex;align-items:flex-start;gap:12px}.letter-comment>span{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border:1px dashed rgb(var(--brand-400));border-radius:50%;overflow:hidden;background:#fff;color:rgb(var(--royal-600))}.letter-comment>span img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.letter-comment>span svg{width:18px}.letter-comment__content{width:min(100%,490px);min-width:0}.letter-comment__bubble{border:1px solid #e8e4eb;border-radius:5px 22px 22px;background:#fff;padding:12px 17px;box-shadow:0 2px 8px rgb(var(--royal-900) / 3%)}.letter-comment strong{font-size:.88rem}.letter-comment p{margin:4px 0;font-size:.92rem;line-height:1.5;white-space:pre-wrap}.letter-comment small{display:block;margin:6px 0 0 6px;color:#918898}.letter-comments__empty{display:grid;justify-items:center;gap:8px;margin:30px 0 12px;color:#aaa3ae;text-align:center}.letter-comments__empty svg{width:34px;height:34px;color:#e1dde4;stroke-width:2.5}.letter-comments__empty p{margin:0}.letter-comments__more{justify-self:center;margin:4px 0;padding:8px 18px;border:1px solid #e8e4eb;border-radius:999px;background:#fff;color:rgb(var(--royal-700));font-size:.85rem;font-weight:600;cursor:pointer;transition:border-color .2s ease,background .2s ease}.letter-comments__more:hover:not(:disabled){border-color:rgb(var(--brand-400));background:#fcfbfd}.letter-comments__more:disabled{opacity:.6;cursor:default}.letter-comments__already-commented{display:grid;justify-items:center;align-self:center;gap:8px;width:100%;margin:24px auto;color:#817887;text-align:center}.letter-comments__already-commented p{margin:0}.letter-comments__already-commented p:last-child{color:rgb(var(--royal-700));font-weight:600}.letter-comments__form{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:start;gap:10px;margin-top:6px}.letter-comments__composer-avatar{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:#ebe9ed;color:#7a7280}.letter-comments__composer-avatar svg{width:18px}.letter-comments__form>button{min-height:46px;border:0;border-radius:9px;background:rgb(var(--brand-600));padding:8px 18px;color:#fff;font-weight:700}.letter-comments__form>button:hover{background:rgb(var(--brand-700))}.letter-comment-picker{position:relative;z-index:40;gap:0}.letter-comment-picker .general-dropdown-field__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.letter-comment-picker .general-dropdown__trigger{width:100%;min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #ded9e2;border-radius:999px;background:#fff;padding:0 18px;color:#746c7d;font:inherit;text-align:left;box-shadow:0 2px 8px rgb(var(--royal-800) / 5%)}.letter-comment-picker .general-dropdown__trigger.is-open{border-radius:22px 22px 0 0;border-color:rgb(var(--royal-300))}.letter-comment-picker .general-dropdown__trigger svg{width:16px;flex:0 0 auto;transition:transform .16s ease}.letter-comment-picker .general-dropdown__trigger.is-open svg{transform:rotate(180deg)}.letter-comment-picker .general-dropdown__menu{position:absolute;z-index:30;top:calc(100% - 1px);right:0;left:0;max-height:270px;overflow-y:auto;border:1px solid #ded9e2;border-top:0;border-radius:0 0 14px 14px;background:#fff;padding:8px;box-shadow:0 14px 25px rgb(var(--royal-800) / 10%)}.letter-comment-picker .general-dropdown__menu>button{width:100%;min-height:42px;border:0;border-radius:8px;background:#fff;padding:9px 12px;color:#554d5b;font:inherit;line-height:1.55;text-align:left}.letter-comment-picker .general-dropdown__menu>button:hover,.letter-comment-picker .general-dropdown__menu>button.is-focused,.letter-comment-picker .general-dropdown__menu>button.is-selected{background:rgb(var(--royal-50));color:rgb(var(--royal-700))}.letters-state{padding:34px;text-align:center}.letters-state p{margin:0 0 15px;color:#686071}.letters-state button,.letters-state a,.letters-pagination button,.letters-back{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:7px;border:1px solid rgb(var(--royal-300));border-radius:8px;background:#fff;padding:8px 15px;color:rgb(var(--royal-700));font-weight:700}.letters-pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:26px}.letters-pagination button:disabled{opacity:.45}.letters-main--detail{width:100%;min-height:calc(100vh - 80px);padding:0 0 180px}.letters-main--detail .letters-back{width:-moz-fit-content;width:fit-content;margin:22px 0 0 max(32px,calc((100% - 704px)/2))}.letters-main--detail .letters-state,.letters-main--detail .letter-card{width:min(calc(100% - 64px),704px);margin:24px auto 0}.letters-main--detail .letter-comments{min-height:188px;align-content:start}.letters-main--detail .letter-comments__form{position:fixed;z-index:110;right:0;bottom:0;left:0;grid-template-columns:38px minmax(0,1fr) auto;margin:0;border-top:1px solid #e7e2ea;background:#fffffff7;padding:11px max(15px,calc((100% - 796px)/2));box-shadow:0 -8px 24px rgb(var(--royal-900) / 7%);backdrop-filter:blur(10px)}.letters-main--detail .letter-comments__form>button:disabled{display:none}.letters-main--detail .letter-comment-picker .general-dropdown__trigger.is-open{border-radius:0 0 22px 22px}.letters-main--detail .letter-comment-picker .general-dropdown__menu{top:auto;bottom:calc(100% - 1px);border-top:1px solid #ded9e2;border-bottom:0;border-radius:14px 14px 0 0;box-shadow:0 -14px 25px rgb(var(--royal-800) / 10%)}.letters-main--detail+.public-footer{position:relative;z-index:100}.letters-back svg{width:18px}@media(max-width:700px){.letters-main{width:min(100% - 32px,655px);padding-top:20px}.letters-main--detail{width:100%}.letters-image-hero__image{border-radius:16px}.letters-image-hero__actions{bottom:11%}.letters-hero{padding:24px 16px;border-radius:18px}.letters-hero>span{width:42px;height:42px;margin-bottom:12px}.letters-hero>span svg{width:19px;height:19px}.letters-hero h1{font-size:1.18rem;line-height:1.35}.letters-hero p{margin-top:9px;font-size:.78rem;line-height:1.55}.letters-hero__actions{margin-top:16px}.letters-hero__my-link{min-height:36px;gap:6px;padding:6px 12px;font-size:.76rem}.letters-hero__my-link svg{width:15px;height:15px}.letters-composer{margin-top:20px;padding:16px}.letters-composer__selectors{grid-template-columns:1fr;gap:10px}.letters-composer.is-expanded .letters-composer__selectors{max-height:132px;padding:18px 18px 10px}.letters-composer__field textarea{min-height:124px}.letters-composer.is-expanded .letters-composer__field textarea{min-height:160px}.letters-composer__footer{align-items:stretch;flex-direction:column}.letters-composer__footer button{width:100%}.letters-filters{margin-top:20px;padding:15px}.letters-filters__summary{gap:10px}.letters-filters__summary strong{gap:6px;font-size:.88rem}.letters-filters__summary strong svg{width:16px}.letters-filters__my-link{min-height:34px;padding:6px 9px;font-size:.75rem}.letters-filters__buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.letters-filters__buttons button{min-width:0;min-height:42px;padding:5px;font-size:.78rem;white-space:nowrap}.letters-age-filter__actions{grid-template-columns:1fr}.letters-feed{gap:16px;margin-top:20px}.letter-card__header{align-items:flex-start;gap:9px;padding:13px 14px 0}.letter-card__avatar{width:38px;height:38px}.letter-card__identity>div{align-items:center;flex-direction:row;gap:6px}.letter-card__identity strong{font-size:.82rem;line-height:1.3}.letter-card__identity span{padding:2px 6px;font-size:.7rem}.letter-card__identity small{gap:4px;margin-top:2px;font-size:.7rem}.letter-card__identity small svg{width:12px;height:12px}.letter-card__views{gap:4px;padding:5px 7px;font-size:.74rem}.letter-card__views svg{width:14px;height:14px}.letter-card__body{padding:13px 14px 0;font-size:.88rem}.letter-card__actions button{min-width:0;min-height:48px;padding:6px 3px;font-size:.76rem}.letter-card__actions button svg{width:15px;flex:0 0 auto}.letter-comments{padding:15px 16px 18px}.letters-feed .letter-comments__title{display:none}.letter-comment{gap:9px}.letter-comment>span{width:34px;height:34px}.letter-comment__bubble{padding:10px 13px;border-radius:5px 18px 18px}.letter-comments__form{grid-template-columns:36px minmax(0,1fr)}.letter-comments__form>button{grid-column:2;width:100%}.letters-main--detail .letters-back{margin:0 0 0 16px}.letters-main--detail .letters-state,.letters-main--detail .letter-card{width:min(calc(100% - 32px),704px);margin-top:18px}.letters-main--detail .letter-comments__form{grid-template-columns:36px minmax(0,1fr);padding-inline:14px}.letters-main--detail .letter-comments__form>button{grid-column:2}.letters-pagination{gap:10px}.letters-pagination button{padding-inline:10px;font-size:.88rem}}@media(max-width:390px){.letters-main{width:min(100% - 32px,655px)}.letters-main--detail{width:100%}.letters-hero{padding-inline:12px}.letters-hero h1{font-size:1.08rem}.letter-card__views{padding:4px 6px}.letter-card__actions button{flex-direction:row;gap:4px;padding-inline:2px;font-size:.72rem}.letters-filters{padding-inline:12px}.letters-filters__summary strong{font-size:.8rem}.letters-filters__my-link{padding-inline:7px;font-size:.7rem}.letters-filters__buttons{gap:6px}.letters-filters__buttons button{font-size:.7rem}}