.rec{--rec-text: #ffffff;--rec-sub: #b8bcc4;--rec-card-bg: rgba(255, 255, 255, .06);--rec-card-border: rgba(255, 255, 255, .12);--rec-card-hover: rgba(255, 255, 255, .1);--rec-accent: #5ff0e3;--rec-accent-border: #00c7b7;--rec-badge-bg: rgba(0, 199, 183, .16);--rec-avatar-bg: rgba(255, 255, 255, .12);color:var(--rec-text);font-family:var(--font)}.rec--light{--rec-text: #111111;--rec-sub: #5f6672;--rec-card-bg: #ffffff;--rec-card-border: #e4e7ec;--rec-card-hover: #f7f8fa;--rec-accent: #00776d;--rec-accent-border: #00a89b;--rec-badge-bg: #e0f7f5;--rec-avatar-bg: #eceff3}.rec .rec__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.rec .rec__title{display:flex;align-items:center;gap:6px;color:var(--rec-text);font-size:16px;font-weight:700;line-height:1.4}.rec a.rec__more{display:inline-flex;flex-shrink:0;align-items:center;gap:2px;color:var(--rec-accent);font-size:13px;font-weight:700;text-decoration:none}.rec a.rec__more:hover{text-decoration:underline}.rec .rec__list{display:flex;gap:12px;margin:0 -2px;padding:2px 2px 8px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.rec a.rec__card,.rec .rec__card{display:flex;flex-direction:column;gap:10px;border:1px solid var(--rec-card-border);border-radius:14px;padding:14px 16px;background:var(--rec-card-bg);color:var(--rec-text);text-decoration:none}.rec a.rec__card{flex:0 0 auto;width:min(280px,80vw);scroll-snap-align:start;transition:background-color .15s ease}.rec a.rec__card:hover{background:var(--rec-card-hover)}.rec .rec__author{display:flex;align-items:center;gap:8px;min-width:0}.rec .rec__avatar{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;background:var(--rec-avatar-bg);color:var(--rec-sub);overflow:hidden}.rec .rec__author-text{display:flex;flex-direction:column;gap:2px;min-width:0}.rec .rec__name{overflow:hidden;color:var(--rec-text);font-size:13px;font-weight:700;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.rec .rec__badge{display:inline-flex;align-items:center;gap:3px;align-self:flex-start;border-radius:999px;padding:1px 7px;background:var(--rec-badge-bg);color:var(--rec-accent);font-size:11px;font-weight:700;line-height:1.5}.rec .rec__body{color:var(--rec-text);font-size:14px;font-weight:500;line-height:1.7;white-space:pre-line;word-break:break-word}.rec .rec__body--clamp{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.rec .rec__date{color:var(--rec-sub);font-size:12px;font-weight:500}.rec button.rec__cta{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:42px;margin-top:8px;border:1px solid var(--rec-accent-border);border-style:solid;border-radius:999px;padding:0 18px;background:transparent;color:var(--rec-accent);font-size:14px;font-weight:700;cursor:pointer}.rec button.rec__cta:hover{background:var(--rec-badge-bg)}.rec--first{border:1px solid var(--rec-card-border);border-radius:12px;padding:14px 16px;background:var(--rec-card-bg)}.rec .rec__first{display:flex;align-items:flex-start;gap:10px}.rec .rec__first-icon{flex-shrink:0;margin-top:2px;color:var(--rec-accent)}.rec .rec__first-text{display:flex;flex-direction:column;gap:4px;min-width:0}.rec .rec__first-title{color:var(--rec-text);font-size:15px;font-weight:700;line-height:1.5}.rec .rec__first-body{color:var(--rec-sub);font-size:13px;line-height:1.7}.rec-prompt{margin-bottom:16px;border:1px solid rgba(0,199,183,.45);border-radius:12px;padding:14px;background:#00c7b714;text-align:left}.rec-prompt .rec-prompt__title{display:flex;align-items:flex-start;gap:6px;color:#fff;font-size:14px;font-weight:700;line-height:1.5}.rec-prompt .rec-prompt__body{margin-top:6px;color:#b8bcc4;font-size:12px;font-weight:500;line-height:1.6}.rec-prompt button.rec-prompt__button{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;height:40px;margin-top:12px;border:none;border-radius:999px;background:#00c7b7;color:#0d0d0d;font-size:14px;font-weight:700;cursor:pointer}.default-modal.rec-modal .modal-content{--txt-color: #111111;--toggle-label-color: #111111;display:flex;flex-direction:column;width:100%;max-width:560px;max-height:calc(100dvh - 2rem);border-radius:16px;background:#fff;color:#111;overflow:hidden}.rec-form{display:flex;flex-direction:column;min-height:0;font-family:var(--font)}.rec-form .rec-form__header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;border-bottom:1px solid #e4e7ec;padding:14px 20px}.rec-form .rec-form__heading{color:#111;font-size:16px;font-weight:700}.rec-form button.rec-form__close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:999px;background:transparent;color:#5f6672;cursor:pointer}.rec-form button.rec-form__close:hover{background:#f1f2f4}.rec-form .rec-form__body{flex:1;min-height:0;overflow-y:auto;padding:18px 20px}.rec-form .rec-form__question{display:block;margin-bottom:10px;color:#111;font-size:15px;font-weight:700;line-height:1.5}.rec-form .rec-form__status{display:inline-flex;align-items:center;gap:4px;margin-bottom:12px;border-radius:999px;padding:2px 10px;background:#e0f7f5;color:#00776d;font-size:12px;font-weight:700}.rec-form .rec-form__status--delivered{background:#f1f2f4;color:#374151}.rec-form textarea.rec-form__textarea{display:block;width:100%;min-height:180px;border:1px solid #cfd4dc;border-style:solid;border-radius:10px;padding:12px;background:#fff;color:#111;font-size:16px;line-height:1.7;resize:vertical}.rec-form textarea.rec-form__textarea:focus{border-color:#00a89b;outline:2px solid rgba(0,168,155,.25)}.rec-form .rec-form__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}.rec-form .rec-form__hint{color:#5f6672;font-size:12px;font-weight:500;line-height:1.6}.rec-form .rec-form__hint--error{color:#b42318}.rec-form .rec-form__counter{flex-shrink:0;color:#5f6672;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.rec-form .rec-form__counter--error{color:#b42318}.rec-form .rec-form__option{margin-top:16px}.rec-form .rec-form__note{margin-top:16px;border-radius:10px;padding:10px 12px;background:#f1f2f4;color:#374151;font-size:12px;font-weight:500;line-height:1.7}.rec-form .rec-form__message{color:#374151;font-size:14px;font-weight:500;line-height:1.7}.rec-form .rec-form__readonly{margin-top:12px;border:1px solid #e4e7ec;border-radius:10px;padding:12px;color:#111;font-size:14px;line-height:1.7;white-space:pre-line;word-break:break-word}.rec-form .rec-form__footer{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;border-top:1px solid #e4e7ec;padding:12px 20px}.rec-form .rec-form__spacer{flex:1}.rec-form button.rec-form__button{min-width:96px;height:40px;border:1px solid #cfd4dc;border-style:solid;border-radius:999px;padding:0 18px;background:#fff;color:#111;font-size:14px;font-weight:700;cursor:pointer}.rec-form button.rec-form__button--primary{border-color:#00a89b;background:#00a89b;color:#fff}.rec-form button.rec-form__button--danger{min-width:0;border-color:transparent;padding:0 8px;background:transparent;color:#b42318}.rec-form button.rec-form__button:disabled{opacity:.5;cursor:default}.rec-page{width:100%;max-width:760px;margin:0 auto;padding:24px 16px 64px}.rec-page .rec-page__top{display:flex;align-items:center;gap:12px;margin-bottom:16px}.rec-page .rec-page__artist{display:flex;align-items:center;gap:10px;min-width:0}.rec-page .rec-page__artist-icon{flex-shrink:0;width:44px;height:44px;border-radius:999px;overflow:hidden;background:#eceff3}.rec-page .rec-page__title{color:#111;font-size:20px;font-weight:800;line-height:1.4;word-break:break-word}.rec-page .rec-page__lead{margin-bottom:16px;color:#5f6672;font-size:14px;font-weight:500;line-height:1.7}.rec-page .rec-page__actions{margin-bottom:20px}.rec-page .rec-page__items{display:flex;flex-direction:column;gap:12px}.rec-page .rec-page__empty{border:1px dashed #cfd4dc;border-radius:14px;padding:28px 16px;color:#5f6672;font-size:14px;font-weight:500;text-align:center}.rec-page .rec-page__total{margin-top:16px;color:#5f6672;font-size:13px;font-weight:500;text-align:right}.rec-page .rec-page__pager{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:20px}.rec-page .rec-page__pager-label{color:#5f6672;font-size:13px;font-weight:500}.rec-page button.rec-page__pager-button{height:36px;border:1px solid #cfd4dc;border-style:solid;border-radius:999px;padding:0 16px;background:#fff;color:#111;font-size:13px;font-weight:700;cursor:pointer}.rec-page button.rec-page__pager-button:disabled{opacity:.4;cursor:default}.rec-page .rec-page__top .back-button{border-color:#11111129;background:#fff;color:#374151}.rec-page .rec-page__top .back-button:hover{background:#f1f2f4;color:#111}.rec .rec__list{scrollbar-width:none}.rec .rec__list::-webkit-scrollbar{display:none}.rec-page .rec-mine__item{border:1px solid #e4e7ec;border-radius:14px;padding:14px 16px;background:#fff}.rec-page .rec-mine__head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.rec-page a.rec-mine__artist{display:flex;align-items:center;gap:8px;min-width:0;color:#111;text-decoration:none}.rec-page .rec-mine__artist-icon{width:36px;height:36px}.rec-page .rec-mine__artist-name{overflow:hidden;font-size:14px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.rec-page .rec-mine__status{display:inline-flex;flex-shrink:0;align-items:center;gap:4px;border-radius:999px;padding:2px 10px;background:#e0f7f5;color:#00776d;font-size:12px;font-weight:700}.rec-page .rec-mine__status--delivered{background:#f1f2f4;color:#374151}.rec-page p.rec-mine__body{margin:0 0 10px;color:#111;font-size:14px;line-height:1.8;white-space:pre-wrap;word-break:break-word}.rec-page .rec-mine__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.rec-page .rec-mine__meta{color:#5f6672;font-size:12px}.rec-page .rec-mine__links{display:flex;align-items:center;gap:12px}.rec-page a.rec-mine__link{color:#00776d;font-size:13px;font-weight:700;text-decoration:none}.rec-page button.rec-mine__edit{display:inline-flex;align-items:center;gap:4px;height:32px;border:1px solid #cfd4dc;border-style:solid;border-radius:999px;padding:0 12px;background:#fff;color:#111;font-size:13px;font-weight:700;cursor:pointer}