.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)}:is(.rec):where(html[data-theme=dark],html[data-theme=dark] *){--rec-card-bg--light: rgba(255, 255, 255, .06);--rec-card-hover--light: rgba(255, 255, 255, .1);--rec-badge-bg--light: rgba(0, 199, 183, .16);--rec-avatar-bg--light: rgba(255, 255, 255, .12);--rec-sub--fg: var(--nt-dark-text-faint, #b8bcc4);--rec-sub--bg: #b8bcc4;--rec-sub--bd: var(--nt-dark-border, #b8bcc4)}.rec--light{--rec-text: var(--nt-dark-text, #111111);--rec-sub: #5f6672;--rec-card-bg: var(--nt-dark-surface, #ffffff);--rec-card-border: var(--nt-dark-border, #e4e7ec);--rec-card-hover: var(--nt-dark-surface-muted, #f7f8fa);--rec-accent: #00776d;--rec-accent-border: #00a89b;--rec-badge-bg: var(--nt-dark-surface-strong, #e0f7f5);--rec-avatar-bg: var(--nt-dark-surface-strong, #eceff3)}:is(.rec--light):where(html[data-theme=dark],html[data-theme=dark] *){--rec-card-bg--light: #ffffff;--rec-card-hover--light: #f7f8fa;--rec-badge-bg--light: #e0f7f5;--rec-avatar-bg--light: #eceff3;--rec-sub--fg: var(--nt-dark-text-muted, #5f6672);--rec-sub--bg: #5f6672;--rec-sub--bd: var(--nt-dark-border-strong, #5f6672)}.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--fg, 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--fg, 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--fg, 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:var(--nt-dark-text-faint, #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:var(--nt-dark-text, #0d0d0d);font-size:14px;font-weight:700;cursor:pointer}.default-modal.rec-modal .modal-content{--txt-color: var(--nt-dark-text, #111111);--toggle-label-color: var(--nt-dark-text, #111111);display:flex;flex-direction:column;width:100%;max-width:560px;max-height:calc(100dvh - 2rem);border-radius:16px;background:var(--nt-dark-surface, #ffffff);color:var(--nt-dark-text, #111111);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 var(--nt-dark-border, #e4e7ec);padding:14px 20px}.rec-form .rec-form__heading{color:var(--nt-dark-text, #111111);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:var(--nt-dark-text-muted, #5f6672);cursor:pointer}.rec-form button.rec-form__close:hover{background:var(--nt-dark-surface-strong, #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:var(--nt-dark-text, #111111);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:var(--nt-dark-surface-strong, #e0f7f5);color:var(--nt-dark-c-fg-00776d, #00776d);font-size:12px;font-weight:700}.rec-form .rec-form__status--delivered{background:var(--nt-dark-surface-strong, #f1f2f4);color:var(--nt-dark-text-2, #374151)}.rec-form textarea.rec-form__textarea{display:block;width:100%;min-height:180px;border:1px solid var(--nt-dark-border, #cfd4dc);border-style:solid;border-radius:10px;padding:12px;background:var(--nt-dark-surface, #ffffff);color:var(--nt-dark-text, #111111);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:var(--nt-dark-text-muted, #5f6672);font-size:12px;font-weight:500;line-height:1.6}.rec-form .rec-form__hint--error{color:var(--nt-dark-c-fg-b42318, #b42318)}.rec-form .rec-form__counter{flex-shrink:0;color:var(--nt-dark-text-muted, #5f6672);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.rec-form .rec-form__counter--error{color:var(--nt-dark-c-fg-b42318, #b42318)}.rec-form .rec-form__option{margin-top:16px}.rec-form .rec-form__note{margin-top:16px;border-radius:10px;padding:10px 12px;background:var(--nt-dark-surface-strong, #f1f2f4);color:var(--nt-dark-text-2, #374151);font-size:12px;font-weight:500;line-height:1.7}.rec-form .rec-form__message{color:var(--nt-dark-text-2, #374151);font-size:14px;font-weight:500;line-height:1.7}.rec-form .rec-form__readonly{margin-top:12px;border:1px solid var(--nt-dark-border, #e4e7ec);border-radius:10px;padding:12px;color:var(--nt-dark-text, #111111);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 var(--nt-dark-border, #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 var(--nt-dark-border, #cfd4dc);border-style:solid;border-radius:999px;padding:0 18px;background:var(--nt-dark-surface, #ffffff);color:var(--nt-dark-text, #111111);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:var(--nt-dark-c-fg-b42318, #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:var(--nt-dark-surface-strong, #eceff3)}.rec-page .rec-page__title{color:var(--nt-dark-text, #111111);font-size:20px;font-weight:800;line-height:1.4;word-break:break-word}.rec-page .rec-page__lead{margin-bottom:16px;color:var(--nt-dark-text-muted, #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 var(--nt-dark-border, #cfd4dc);border-radius:14px;padding:28px 16px;color:var(--nt-dark-text-muted, #5f6672);font-size:14px;font-weight:500;text-align:center}.rec-page .rec-page__total{margin-top:16px;color:var(--nt-dark-text-muted, #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:var(--nt-dark-text-muted, #5f6672);font-size:13px;font-weight:500}.rec-page button.rec-page__pager-button{height:36px;border:1px solid var(--nt-dark-border, #cfd4dc);border-style:solid;border-radius:999px;padding:0 16px;background:var(--nt-dark-surface, #ffffff);color:var(--nt-dark-text, #111111);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:rgb(var(--nt-dark-ink-rgb, 17 17 17) / .16);background:var(--nt-dark-surface, #ffffff);color:var(--nt-dark-text-2, #374151)}.rec-page .rec-page__top .back-button:hover{background:var(--nt-dark-surface-strong, #f1f2f4);color:var(--nt-dark-text, #111111)}.rec .rec__list{scrollbar-width:none}.rec .rec__list::-webkit-scrollbar{display:none}.rec-page .rec-mine__item{border:1px solid var(--nt-dark-border, #e4e7ec);border-radius:14px;padding:14px 16px;background:var(--nt-dark-surface, #ffffff)}.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:var(--nt-dark-text, #111111);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:var(--nt-dark-surface-strong, #e0f7f5);color:var(--nt-dark-c-fg-00776d, #00776d);font-size:12px;font-weight:700}.rec-page .rec-mine__status--delivered{background:var(--nt-dark-surface-strong, #f1f2f4);color:var(--nt-dark-text-2, #374151)}.rec-page p.rec-mine__body{margin:0 0 10px;color:var(--nt-dark-text, #111111);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:var(--nt-dark-text-muted, #5f6672);font-size:12px}.rec-page .rec-mine__links{display:flex;align-items:center;gap:12px}.rec-page a.rec-mine__link{color:var(--nt-dark-c-fg-00776d, #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 var(--nt-dark-border, #cfd4dc);border-style:solid;border-radius:999px;padding:0 12px;background:var(--nt-dark-surface, #ffffff);color:var(--nt-dark-text, #111111);font-size:13px;font-weight:700;cursor:pointer}html[data-theme=dark]{--nt-dark-c-fg-00776d: #82ede4;--nt-dark-c-fg-b42318: #ed8a82}html[data-theme=dark] .nt-keep-light{--nt-dark-c-fg-00776d: initial;--nt-dark-c-fg-b42318: initial;--rec-sub--bd: initial;--rec-sub--bg: initial;--rec-sub--fg: initial}