.feeling-bottle [hidden] {display: none !important}
.fb-strip {position: absolute;top: 54px;left: 10px;right: 10px;max-width: 480px;z-index: var(--z-index-base, 1000);display: flex;align-items: center;gap: 8px;animation: fb-bob 6s ease-in-out infinite;will-change: transform}
@keyframes fb-bob {0%, 100% { transform: translateY(0); }
50% { transform: translateY(-3px); }}
.fb-capsule {position: relative;overflow: hidden;flex: 1;min-width: 0;display: flex;align-items: center;gap: 10px;background: rgba(255, 255, 255, 0.88);backdrop-filter: blur(14px) saturate(1.4);border: 1px solid rgba(255, 255, 255, 0.9);outline: 1px solid rgba(24, 119, 242, 0.14);border-radius: 16px;padding: 9px 12px 12px;box-shadow: 0 10px 30px rgba(13, 91, 189, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.9);cursor: pointer;text-align: left;font-family: inherit}
.fb-capsule--empty {padding: 9px 12px}
.fb-cap-ic {width: 28px;height: 28px;flex: 0 0 auto;border-radius: 50%;background: linear-gradient(135deg, #06b6d4, #1877f2);display: flex;align-items: center;justify-content: center;color: #fff;box-shadow: 0 4px 10px rgba(24, 119, 242, 0.35);position: relative;z-index: 1}
.fb-cap-ava-wrap {position: relative;flex: 0 0 auto;z-index: 1}
.fb-cap-avatar {display: flex}
.fb-cap-avatar .user-avatar {width: 28px;height: 28px}
.fb-cap-badge {position: absolute;right: -4px;bottom: -3px;width: 15px;height: 15px;border-radius: 50%;background: linear-gradient(135deg, #06b6d4, #1877f2);border: 1.5px solid #fff;display: flex;align-items: center;justify-content: center;color: #fff;box-shadow: 0 2px 6px rgba(24, 119, 242, 0.35)}
.fb-capsule-tanabata .fb-cap-badge { background: linear-gradient(135deg, #6366f1, #8b5cf6); }
.fb-cap-main {flex: 1;min-width: 0;position: relative;z-index: 1}
.fb-cap-msg {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;overflow-wrap: anywhere;font-size: 13px;font-weight: 800;color: var(--color-text-primary);letter-spacing: 0.1px;line-height: 1.5}
.fb-cap-meta {display: flex;align-items: center;gap: 5px;margin-top: 3px;font-size: 10px;color: var(--color-text-muted);white-space: nowrap;overflow: hidden}
.fb-cap-meta > span:first-child {flex: 0 1 auto;min-width: 0;overflow: hidden;text-overflow: ellipsis}
.fb-cap-react {display: flex;align-items: center;gap: 3px;margin-left: auto;flex: 0 0 auto;font-size: 10px;font-weight: 800;color: #0d5bbd;background: rgba(232, 244, 253, 0.9);border-radius: 999px;padding: 2px 8px}
.fb-cap-react-face {display: flex}
.fb-rot-bar {position: absolute;inset: 0;border-radius: inherit;overflow: hidden;pointer-events: none}
.fb-rot-bar i {display: block;height: 100%;width: 0;background: linear-gradient(90deg, rgba(6, 182, 212, 0.06), rgba(24, 119, 242, 0.12));animation: fb-rot 10s linear infinite}
@keyframes fb-rot {from { width: 0; }
to { width: 100%; }}
.fb-compose-btn {flex: 0 0 auto;width: 38px;height: 38px;border: none;border-radius: 50%;background: #fff;color: #0ea5e9;display: flex;align-items: center;justify-content: center;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);cursor: pointer;transition: transform 0.15s ease}
.fb-compose-btn:active {transform: scale(0.92)}
.fb-fcolor--smile { color: #f59e0b; }
.fb-fcolor--cry { color: #3b82f6; }
.fb-fcolor--wow { color: #ec4899; }
.fb-fcolor--star { color: #8b5cf6; }
.fb-anim-exit-wave { animation: fb-exit-wave 0.45s ease-in forwards; }
@keyframes fb-exit-wave {to { transform: translateX(-18px) translateY(7px) rotate(-2deg); opacity: 0; }}
.fb-anim-enter-wave { animation: fb-enter-capsule 0.5s ease-out both; }
@keyframes fb-enter-capsule {from { transform: translateY(8px) scale(0.97); opacity: 0; }
to { transform: none; opacity: 1; }}
.fb-anim-enter-wave .fb-cap-ic,
.fb-anim-enter-wave .fb-cap-ava-wrap {animation: fb-enter-bottle 0.55s cubic-bezier(0.34, 1.3, 0.5, 1) both}
@keyframes fb-enter-bottle {0% { transform: scale(0.4) rotate(-10deg); opacity: 0; }
60% { transform: scale(1.08) rotate(2deg); opacity: 1; }
100% { transform: none; opacity: 1; }}
.fb-anim-enter-wave .fb-cap-main {transform-origin: left center;animation: fb-enter-letter 0.55s cubic-bezier(0.25, 1, 0.4, 1) 0.28s both}
@keyframes fb-enter-letter {0% { transform: translateX(-12px) scaleX(0.92); opacity: 0; }
70% { transform: translateX(1.5px) scaleX(1); opacity: 1; }
100% { transform: none; opacity: 1; }}
.fb-capsule-tanabata .fb-capsule {border-color: #c4b5fd;outline-color: rgba(139, 92, 246, 0.4);box-shadow: 0 10px 34px rgba(99, 102, 241, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.95)}
.fb-capsule-tanabata .fb-rot-bar i { background: linear-gradient(90deg, rgba(99, 102, 241, 0.08), rgba(167, 139, 250, 0.16)); }
.fb-p-tanzaku {position: absolute;top: -18px;width: 7px;height: 17px;border-radius: 2px;pointer-events: none;opacity: 0;animation: fb-p-tanzaku 1.5s ease-in forwards}
@keyframes fb-p-tanzaku {0% { transform: translateY(0) translateX(0) rotate(10deg); opacity: 0; }
14% { opacity: 0.95; }
100% { transform: translateY(96px) translateX(14px) rotate(-14deg); opacity: 0; }}
.fb-capsule-hanabi .fb-capsule {border-color: #fecdd3;outline-color: rgba(244, 63, 94, 0.3);box-shadow: 0 10px 34px rgba(244, 63, 94, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.95)}
.fb-capsule-hanabi .fb-cap-badge { background: linear-gradient(135deg, #fb7185, #be123c); }
.fb-capsule-hanabi .fb-rot-bar i { background: linear-gradient(90deg, rgba(244, 63, 94, 0.08), rgba(251, 191, 36, 0.2)); }
.fb-p-launch {position: absolute;width: 3px;height: 10px;border-radius: 2px;pointer-events: none;opacity: 0;background: linear-gradient(180deg, #f8ae17, transparent);box-shadow: 0 0 6px #f8ae17;animation: fb-p-launch var(--dur) cubic-bezier(0.3, 0.6, 0.55, 1) var(--delay) both}
@keyframes fb-p-launch {0% { transform: translate3d(0, var(--from-y), 0); opacity: 0; }
10% { opacity: 1; }
80% { opacity: 1; }
100% { transform: none; opacity: 0; }}
.fb-p-flash {position: absolute;width: 16px;height: 16px;margin: -8px 0 0 -8px;border-radius: 50%;pointer-events: none;opacity: 0;background: radial-gradient(circle, currentColor, transparent 70%);animation: fb-p-flash 1s ease-out var(--delay) both}
@keyframes fb-p-flash {0% { transform: scale(0.2); opacity: 0; }
15% { opacity: 0.9; }
100% { transform: scale(2.2); opacity: 0; }}
.fb-p-spark {position: absolute;width: 4px;height: 4px;border-radius: 50%;pointer-events: none;opacity: 0;background: radial-gradient(circle, #fff 10%, currentColor 60%);box-shadow: 0 0 8px 2px currentColor;animation: fb-p-spark var(--dur) cubic-bezier(0.15, 0.6, 0.45, 1) var(--delay) both}
@keyframes fb-p-spark {0% { transform: none; opacity: 0; }
8% { opacity: 1; }
55% { opacity: 0.95; }
100% { transform: translate3d(var(--dx), calc(var(--dy) + 12px), 0) scale(0.35); opacity: 0; }}
.fb-p-kiku-w {position: absolute;pointer-events: none;animation: fb-p-kiku-spread var(--sdur) cubic-bezier(0.1, 0.75, 0.28, 1) var(--delay) both}
@keyframes fb-p-kiku-spread {0% { transform: none; }
100% { transform: translate3d(var(--dx), var(--dy), 0); }}
.fb-p-kiku {display: block;width: 4px;height: 4px;border-radius: 50%;opacity: 0;animation: fb-p-kiku-fall var(--dur) cubic-bezier(0.5, 0.05, 0.65, 0.9) var(--delay) both}
@keyframes fb-p-kiku-fall {0% { transform: none; opacity: 0; background: radial-gradient(circle, #fff 15%, var(--c1) 60%); box-shadow: 0 0 9px 2px var(--c1); }
6% { opacity: 1; }
55% { background: radial-gradient(circle, #fff 15%, var(--c1) 60%); box-shadow: 0 0 9px 2px var(--c1); opacity: 1; }
78% { background: radial-gradient(circle, #fff 5%, var(--c2) 55%); box-shadow: 0 0 7px 2px var(--c2); opacity: 0.85; }
100% { transform: translate3d(0, 30px, 0) scale(0.55); background: radial-gradient(circle, #fff 0%, var(--c2) 50%); box-shadow: 0 0 4px 1px var(--c2); opacity: 0; }}
.fb-modal {display: none;position: fixed;inset: 0;z-index: var(--z-index-modal, 1100);background: rgba(8, 20, 40, 0.6);align-items: center;justify-content: center;padding: 16px}
.fb-modal--open {display: flex}
.fb-modal-content {position: relative;width: 100%;max-width: 440px;max-height: calc(100dvh - 48px);overflow-y: auto;border-radius: var(--radius-lg);box-shadow: var(--shadow-md);background: #fff}
.fb-modal-close {position: absolute;top: 10px;right: 10px;z-index: 2;width: 32px;height: 32px;border: none;border-radius: 50%;background: var(--color-bg-secondary);color: var(--color-text-secondary);display: flex;align-items: center;justify-content: center;cursor: pointer}
.fb-loading {padding: 48px 16px;text-align: center;font-size: 13px;color: var(--color-text-muted)}
.fb-sheet {padding: 16px 18px 18px}
.fb-sheet-head {display: flex;align-items: center;gap: 9px;margin-bottom: 12px;padding-right: 36px}
.fb-sheet-ic {width: 30px;height: 30px;flex: 0 0 auto;border-radius: 50%;background: linear-gradient(135deg, #06b6d4, #1877f2);display: flex;align-items: center;justify-content: center;color: #fff}
.fb-sheet-head h3 {font-size: 14.5px;font-weight: 800;color: var(--color-text-primary);letter-spacing: 0.3px;margin: 0}
.fb-sheet-sub {font-size: 10.5px;color: var(--color-text-muted);margin: 0}
.fb-journal-link {margin-left: auto;flex: 0 0 auto;display: inline-flex;align-items: center;gap: 4px;font-size: 11px;font-weight: 700;color: #0d5bbd;background: #e8f4fd;border-radius: 999px;padding: 5px 11px;text-decoration: none}
.fb-journal-link svg { flex: 0 0 auto; }
.fb-flash {background: #eff6ff;border: 1px solid #dbeafe;color: #1e40af;border-radius: var(--radius-md);padding: 9px 12px;font-size: 12px;margin-bottom: 12px}
.fb-errors {background: #fef2f2;border: 1px solid #fecaca;color: #b91c1c;border-radius: var(--radius-md);padding: 9px 12px;font-size: 12px;margin-bottom: 12px}
.fb-errors p { margin: 0; }
.fb-paper {position: relative;background: linear-gradient(180deg, #fefefc, #fbfdff);border: 1px solid var(--color-border);border-radius: var(--radius-md);padding: 6px 16px 10px;box-shadow: var(--shadow-sm)}
.fb-paper textarea {width: 100%;max-width: 100%;box-sizing: border-box;border: none;padding: 0;background: repeating-linear-gradient(180deg, transparent 0 29px, #e7f0fa 29px 30px);resize: none;outline: none;font-family: inherit;font-size: 15.5px;font-weight: 700;color: var(--color-text-primary);line-height: 30px;min-height: 60px;letter-spacing: 0.3px}
.fb-paper textarea::placeholder {color: var(--color-text-light, #94a3b8);font-weight: 500;opacity: 0.75}
.fb-paper-foot {display: flex;padding-top: 4px}
.fb-char-count {margin-left: auto;font-size: 10.5px;font-weight: 700;color: var(--color-text-light, #94a3b8)}
.fb-char-count--over {color: var(--color-danger)}
.fb-deliver-head {display: flex;align-items: center;gap: 6px;font-size: 11px;font-weight: 800;color: var(--color-text-secondary);margin: 14px 0 8px}
.fb-deliver-sub {font-size: 9px;color: var(--color-text-light, #94a3b8);font-weight: 700}
.fb-deliver-row {display: flex;gap: 6px;overflow-x: auto;padding-bottom: 4px;-webkit-overflow-scrolling: touch;scrollbar-width: thin}
.fb-dopt {flex: 1 0 76px;min-width: 0;cursor: pointer}
.fb-dopt input {position: absolute;opacity: 0;pointer-events: none}
.fb-dopt-body {display: flex;flex-direction: column;align-items: center;gap: 2px;padding: 8px 2px 6px;border: 1.2px solid var(--color-border);border-radius: 12px;font-size: 9.5px;font-weight: 800;color: var(--color-text-secondary);text-align: center}
.fb-dopt-ic {display: flex;color: var(--color-primary)}
.fb-dopt-sub {font-size: 8px;color: var(--color-text-light, #94a3b8);font-weight: 700}
.fb-dopt input:checked + .fb-dopt-body {border-color: #1877f2;background: #e8f4fd;color: #0d5bbd}
.fb-dopt-teaser {flex: 1.5 0 auto;min-width: 0;max-width: 60%;display: flex;align-items: center;justify-content: center;gap: 8px;padding: 8px 10px;border: 1.2px dashed var(--color-border);border-radius: 12px;color: #b6c2d1;opacity: 0.8}
.fb-dopt-teaser--buy {border-color: #fda4af;color: #fb7185;opacity: 1;text-decoration: none}
.fb-dopt-teaser--buy .fb-dopt-teaser-text {color: var(--color-text-secondary)}
.fb-dopt-teaser-price {display: block;color: #be123c;font-size: 10px}
.fb-dopt-teaser-ic {flex: 0 0 auto;display: flex}
.fb-dopt-teaser-text {font-size: 9.5px;font-weight: 700;color: var(--color-text-light, #94a3b8);line-height: 1.5;overflow-wrap: anywhere}
.fb-life-strip {display: flex;align-items: stretch;margin-top: 14px;border: 1px solid #dbeafe;background: #eff6ff;border-radius: var(--radius-md);overflow: hidden}
.fb-life-cell {flex: 1;text-align: center;padding: 8px 4px}
.fb-life-cell + .fb-life-cell {border-left: 1px dashed #bfdbfe}
.fb-life-h {display: block;font-size: 12px;font-weight: 800;color: #0d5bbd}
.fb-life-d {display: block;font-size: 9px;color: #3b82f6;letter-spacing: 0.3px}
.fb-submit {display: block;width: 100%;max-width: 100%;box-sizing: border-box;margin-top: 16px;padding: 13px;border: none;border-radius: 999px;background: linear-gradient(135deg, #06b6d4, #1877f2);color: #fff;font-size: 14px;font-weight: 800;letter-spacing: 1px;font-family: inherit;box-shadow: 0 8px 20px rgba(24, 119, 242, 0.35);cursor: pointer}
.fb-once-note {text-align: center;margin: 9px 0 0;font-size: 10px;color: var(--color-text-light, #94a3b8)}
.fb-user-link {display: inline-flex;flex: 0 0 auto;text-decoration: none;color: inherit}
.fb-detail-paper {position: relative;overflow: hidden;background: linear-gradient(180deg, #fefefc, #fbfdff);border: 1px solid var(--color-border);border-radius: var(--radius-md);padding: 13px 16px 18px;box-shadow: var(--shadow-sm)}
.fb-detail-paper::after {content: "";position: absolute;top: 0;right: 0;width: 0;height: 0;border-style: solid;border-width: 0 18px 18px 0;border-color: transparent #dbeafe transparent transparent;border-radius: 0 var(--radius-md) 0 0}
.fb-detail-bottle {position: absolute;right: -6px;bottom: -14px;width: 88px;height: 113px;opacity: 0.1;transform: rotate(10deg);pointer-events: none}
.fb-detail-bottle svg {width: 100%;height: 100%}
.fb-detail-msg {position: relative;z-index: 1;font-size: 16.5px;font-weight: 700;color: var(--color-text-primary);line-height: 30px;letter-spacing: 0.02em;overflow-wrap: anywhere;margin: 0;background: repeating-linear-gradient(180deg, transparent 0 29px, #e7f0fa 29px 30px)}
.fb-tide-clock {position: relative;z-index: 1;display: inline-flex;align-items: center;gap: 6px;margin-top: 10px;font-size: 10.5px;font-weight: 800;color: #b45309;background: #fffbeb;border: 1px solid #fde68a;border-radius: 999px;padding: 3px 10px}
.fb-tide-clock--closed {color: var(--color-text-muted);background: var(--color-bg-muted, #f8fafc);border-color: var(--color-border)}
.fb-reacts {display: grid;grid-template-columns: repeat(4, 1fr);gap: 8px;padding: 12px 0;border-bottom: 1px solid var(--color-border-light, #f1f5f9)}
.fb-react {display: flex;flex-direction: column;align-items: center;gap: 4px;padding: 9px 2px 7px;min-width: 0;border: 1.2px solid var(--color-border);border-radius: 14px;background: #fff;font-family: inherit;cursor: pointer;transition: transform 0.15s ease, box-shadow 0.15s ease}
.fb-react:disabled {cursor: default}
.fb-fchip {width: 34px;height: 34px;border-radius: 50%;flex: 0 0 auto;display: flex;align-items: center;justify-content: center}
.fb-fchip--smile { background: #fef3c7; color: #d97706; }
.fb-fchip--cry { background: #dbeafe; color: #2563eb; }
.fb-fchip--wow { background: #fce7f3; color: #db2777; }
.fb-fchip--star { background: #ede9fe; color: #7c3aed; }
.fb-react-count {font-size: 12.5px;font-weight: 800;color: var(--color-text-secondary);line-height: 1.1}
.fb-react-label {font-size: 8.5px;font-weight: 700;color: var(--color-text-light, #94a3b8);letter-spacing: 0.3px}
.fb-react--on { transform: translateY(-2px); }
.fb-react--on-smile { border-color: #f59e0b; background: #fffbeb; box-shadow: 0 4px 12px rgba(245, 158, 11, 0.25); }
.fb-react--on-smile .fb-react-count, .fb-react--on-smile .fb-react-label { color: #b45309; }
.fb-react--on-cry { border-color: #3b82f6; background: #eff6ff; box-shadow: 0 4px 12px rgba(59, 130, 246, 0.25); }
.fb-react--on-cry .fb-react-count, .fb-react--on-cry .fb-react-label { color: #1d4ed8; }
.fb-react--on-wow { border-color: #ec4899; background: #fdf2f8; box-shadow: 0 4px 12px rgba(236, 72, 153, 0.25); }
.fb-react--on-wow .fb-react-count, .fb-react--on-wow .fb-react-label { color: #be185d; }
.fb-react--on-star { border-color: #8b5cf6; background: #f5f3ff; box-shadow: 0 4px 12px rgba(139, 92, 246, 0.25); }
.fb-react--on-star .fb-react-count, .fb-react--on-star .fb-react-label { color: #6d28d9; }
.fb-comments {margin-top: 12px;background: linear-gradient(180deg, #f5fafd, #f9fdff);border: 1px solid #e3effc;border-radius: var(--radius-md);padding: 4px 12px 10px}
.fb-comments-head {display: flex;align-items: center;gap: 6px;padding: 9px 2px 4px;font-size: 11px;font-weight: 800;color: #5c86b8;letter-spacing: 0.5px}
.fb-comments-head svg { flex: 0 0 auto; }
.fb-comments-cnt {font-size: 9.5px;font-weight: 800;color: #94b8dd}
.fb-comment {display: flex;gap: 9px;padding: 7px 0}
.fb-comment-bubble {background: #fff;border: 1px solid #e8f1fb;border-radius: 4px 12px 12px 12px;padding: 7px 11px 8px;box-shadow: 0 1px 3px rgba(13, 91, 189, 0.06)}
.fb-comment-body {flex: 1;min-width: 0}
.fb-comment-top {display: flex;align-items: center;gap: 6px}
.fb-comment-name {font-size: 11px;font-weight: 800;color: var(--color-text-secondary)}
.fb-comment-time {font-size: 9.5px;color: var(--color-text-light, #94a3b8)}
.fb-comment-text {font-size: 13px;color: var(--color-text-primary);overflow-wrap: anywhere;line-height: 1.55;margin: 0}
.fb-no-comments {padding: 16px 0;text-align: center;font-size: 12px;color: var(--color-text-muted)}
.fb-comment-form {margin-top: 4px}
.fb-comment-error {font-size: 11px;color: var(--color-danger);margin: 0 0 6px}
.fb-comment-bar {display: flex;gap: 8px;padding-top: 12px}
.fb-comment-bar input[type="text"] {flex: 1;min-width: 0;max-width: 100%;box-sizing: border-box;border: 1.2px solid var(--color-border);border-radius: 999px;padding: 9px 14px;font-size: 13px;font-family: inherit;outline: none}
.fb-comment-bar input[type="text"]:focus {border-color: var(--color-primary)}
.fb-comment-bar input[type="text"]::placeholder {color: var(--color-text-light, #94a3b8);opacity: 0.75}
.fb-comment-send {width: 38px;height: 38px;flex: 0 0 auto;border: none;border-radius: 50%;background: #1877f2;color: #fff;display: flex;align-items: center;justify-content: center;cursor: pointer}
.fb-closed-bar {display: flex;align-items: center;justify-content: center;gap: 7px;margin-top: 8px;padding: 11px 16px;background: var(--color-bg-muted, #f8fafc);border-radius: var(--radius-md);font-size: 11px;color: var(--color-text-muted);font-weight: 700;text-align: center}
.fb-voyage-badge {position: relative;z-index: 1;display: inline-flex;align-items: center;gap: 5px;margin-bottom: 6px;font-size: 10px;font-weight: 800;letter-spacing: 0.5px;background: #eff6ff;border: 1px solid #cfe4fb;border-radius: 999px;padding: 3px 10px;color: #1d6fd8}
.fb-voyage-badge b {font-size: 14px;font-weight: 800;margin: 0 1px}
.fb-voyage-sub {position: relative;z-index: 1;font-size: 10px;color: var(--color-text-light, #94a3b8);margin: 6px 0 0}
.fb-vsec-t {display: flex;align-items: center;gap: 6px;font-size: 11px;font-weight: 800;color: var(--color-text-secondary);letter-spacing: 0.5px;margin: 16px 0 9px}
.fb-vsec-ic { display: flex; }
.fb-vsec-cnt {font-size: 9.5px;font-weight: 800;color: var(--color-text-light, #94a3b8)}
.fb-reactor-row {display: flex;align-items: center;flex-wrap: wrap}
.fb-reactor {position: relative;display: inline-flex;flex: 0 0 auto;text-decoration: none}
.fb-reactor + .fb-reactor,
.fb-reactor + .fb-reactor-more {margin-left: -9px}
.fb-reactor .user-avatar {border: 2px solid #fff;box-shadow: var(--shadow-sm)}
.fb-reactor-more {width: 30px;height: 30px;border-radius: 50%;background: var(--color-bg-muted, #f8fafc);border: 2px solid #fff;box-shadow: var(--shadow-sm);display: flex;align-items: center;justify-content: center;font-size: 8.5px;font-weight: 800;color: var(--color-text-muted)}
.fb-breakdown {display: flex;flex-direction: column;gap: 7px}
.fb-breakdown-row {display: flex;align-items: center;gap: 8px}
.fb-breakdown-label {display: flex;align-items: center;gap: 5px;font-size: 10.5px;font-weight: 800;width: 84px;flex: 0 0 auto}
.fb-breakdown-bar {flex: 1;height: 7px;border-radius: 99px;background: var(--color-bg-muted, #f8fafc);overflow: hidden}
.fb-breakdown-bar i {display: block;height: 100%;border-radius: 99px;background: linear-gradient(90deg, #06b6d4, #1877f2)}
.fb-breakdown-v {font-size: 10.5px;font-weight: 800;color: var(--color-text-secondary);width: 24px;text-align: right;flex: 0 0 auto}
.fb-archive-note {display: flex;align-items: flex-start;gap: 7px;margin-top: 16px;font-size: 10px;color: var(--color-text-muted);line-height: 1.7;background: var(--color-bg-muted, #f8fafc);border-radius: var(--radius-md);padding: 9px 11px}
.fb-archive-note svg {flex: 0 0 auto;margin-top: 2px}
.fb-log-list {display: flex;flex-direction: column;gap: 8px}
.fb-log-item {position: relative;overflow: hidden;display: flex;align-items: center;gap: 10px;background: #fff;border: 1px solid var(--color-border);border-radius: var(--radius-md);padding: 11px 13px;box-shadow: var(--shadow-sm);text-decoration: none}
.fb-log-bottle {position: absolute;right: 22px;bottom: -10px;width: 34px;height: 44px;opacity: 0.12;transform: rotate(10deg);pointer-events: none}
.fb-log-bottle svg {width: 100%;height: 100%}
.fb-log-date {flex: 0 0 auto;text-align: center;width: 34px;position: relative;z-index: 1}
.fb-log-d {display: block;font-size: 14px;font-weight: 800;color: #0d5bbd;line-height: 1.1}
.fb-log-m {display: block;font-size: 8.5px;font-weight: 700;color: var(--color-text-light, #94a3b8)}
.fb-log-body {flex: 1;min-width: 0;position: relative;z-index: 1}
.fb-log-msg {display: block;font-size: 12px;font-weight: 800;color: var(--color-text-primary);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.fb-log-stats {display: flex;align-items: center;gap: 9px;margin-top: 2px;font-size: 9.5px;font-weight: 700;color: var(--color-text-muted)}
.fb-log-stats span {display: flex;align-items: center;gap: 3px}
.fb-log-arrow {color: var(--color-text-light, #94a3b8);flex: 0 0 auto;position: relative;z-index: 1}
@media (max-width: 480px) {.fb-strip {max-width: none}}
.fb-store {max-width: 560px;margin: 0 auto;padding: 20px 16px 60px}
.fb-store-buy {display: inline-block;font-size: 12.5px;font-weight: 700;font-family: inherit;color: #fff;background: linear-gradient(135deg, #fb7185, #be123c);border: none;border-radius: 999px;padding: 8px 18px;cursor: pointer;text-decoration: none}
.fb-store-buy:active {transform: scale(0.97)}
.fb-store-buy--wide {margin-top: 16px;padding: 10px 32px}
.fb-store-success {text-align: center;background: #fff;border: 1px solid var(--color-border);border-radius: var(--radius-lg);box-shadow: var(--shadow-sm);padding: 36px 20px}
.fb-store-success-ic {display: inline-flex;align-items: center;justify-content: center;width: 72px;height: 88px;border-radius: 18px;background: linear-gradient(135deg, #ffe4e6, #fecdd3);margin-bottom: 14px}
.fb-store-success-ic svg {width: 40px;height: 52px}
.fb-store-success h1 {font-size: 18px;color: var(--color-text-primary)}
.fb-store-success p {font-size: 13px;color: var(--color-text-secondary);margin-top: 8px}
@media (prefers-reduced-motion: reduce) {.fb-strip,
.fb-anim-exit-wave,
.fb-anim-enter-wave,
.fb-anim-enter-wave .fb-cap-ic,
.fb-anim-enter-wave .fb-cap-ava-wrap,
.fb-anim-enter-wave .fb-cap-main,
.fb-rot-bar i,
.fb-p-tanzaku,
.fb-p-launch,
.fb-p-flash,
.fb-p-spark,
.fb-p-kiku-w,
.fb-p-kiku {animation: none !important}}