.fb-page{max-width:640px;margin:0 auto;padding:24px 20px 60px}.fb-title{font-size:var(--text-h1,24px);color:var(--text-strong,#111827);margin:4px 0 8px;font-weight:800;line-height:1.2}.fb-lede{font-size:var(--text-body-size,15px);color:var(--text-muted,#6b7280);margin:0 0 16px;line-height:1.5}.fb-eyebrow{font-size:var(--text-sm);letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted,#6b7280);margin:0 0 12px;font-weight:800}.fb-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.fb-sent,.fb-restore{border-radius:var(--radius-md);flex-wrap:wrap;align-items:flex-start;gap:8px 12px;margin-bottom:16px;padding:16px;display:flex}.fb-sent{background:#22c55e1f;border:1px solid #22c55e52;flex-wrap:nowrap}.fb-restore{background:#60a5fa1f;border:1px solid #60a5fa52;align-items:center}.fb-sent>i{color:#16a34a;flex-shrink:0;margin-top:1px;font-size:18px}.fb-restore>i{color:#1d4ed8;flex-shrink:0;font-size:16px}.fb-sent p,.fb-restore p{min-width:0;font-size:var(--text-sm);color:var(--text-strong,#111827);flex:180px;margin:0;line-height:1.5}.fb-sent strong{font-weight:800}.fb-sent a{color:#15803d;font-weight:700}.fb-sent-x{appearance:none;border-radius:var(--radius-pill,999px);width:44px;height:44px;color:var(--text-muted,#6b7280);cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;margin:-8px -8px 0 auto;font-size:14px;display:flex}.fb-sent-x:hover{color:var(--text-strong,#111827)}.fb-restore-yes,.fb-restore-no{appearance:none;border-radius:var(--radius-pill,999px);height:40px;font-size:var(--text-sm,13px);cursor:pointer;white-space:nowrap;padding:0 16px;font-family:inherit;font-weight:700}.fb-restore-yes{color:#fff;background:#1d4ed8;border:0}.fb-restore-no{color:var(--text-strong,#111827);background:0 0;border:1px solid #60a5fa66}.fb-form{background:var(--surface-card,#fff);border:1px solid var(--dk-border,#d1d5db);border-radius:var(--radius-lg,16px);box-shadow:var(--shadow-lg);padding:20px}.fb-form fieldset{border:0;flex-direction:column;gap:16px;min-width:0;margin:0;padding:0;display:flex}.fb-field{margin:0;display:block;position:relative}.fb-label{font-size:var(--text-sm,13px);color:var(--text-strong,#111827);align-items:baseline;gap:8px;margin-bottom:8px;font-weight:700;display:flex}.fb-label em{font-style:normal;font-size:var(--text-meta);color:var(--gray-500,#6b7280);font-weight:600}.fb-chips{flex-wrap:wrap;gap:8px;display:flex}.fb-chip{appearance:none;border-radius:var(--radius-pill,999px);border:1px solid var(--dk-border,#d1d5db);min-height:44px;color:var(--text-strong,#111827);font-size:var(--text-sm);white-space:nowrap;cursor:pointer;background:0 0;align-items:center;gap:8px;padding:0 16px;font-family:inherit;font-weight:600;transition:background .15s ease-out,border-color .15s ease-out,color .15s ease-out;display:inline-flex}.fb-chip>i{color:var(--text-muted,#6b7280);font-size:14px}.fb-chip:hover{background:var(--surface-inset,#f3f4f6);border-color:#0000}.fb-chip.is-on,.fb-chip.is-on:hover{color:#b91c1c;background:#ef44441a;border-color:#ef444473}.fb-chip.is-on>i{color:#dc2626}.fb-field input,.fb-field textarea{border-radius:var(--radius-md,12px);border:1px solid var(--dk-border,#d1d5db);background:var(--surface-card,#fff);width:100%;height:48px;color:var(--text-strong,#111827);font-size:var(--text-body-size,15px);outline:none;padding:0 16px;font-family:inherit;transition:border-color .15s ease-out}.fb-field textarea{resize:vertical;height:auto;min-height:140px;padding:12px 16px;line-height:1.5}.fb-field input:focus,.fb-field textarea:focus{border-color:var(--rv-red-hover,#dc2626)}.fb-field input::placeholder,.fb-field textarea::placeholder{color:var(--gray-400,#9ca3af)}.fb-hint{font-size:var(--text-sm);color:var(--text-muted,#6b7280);align-items:center;gap:4px;margin:8px 0 0;line-height:1.4;display:flex}.fb-count{font-size:var(--text-sm);color:var(--gray-500,#6b7280);margin-left:auto}.fb-shots{grid-template-columns:repeat(3,minmax(0,104px));gap:8px;display:grid}.fb-shot,.fb-shot-add{aspect-ratio:1;border-radius:var(--radius-md,12px);position:relative;overflow:hidden}.fb-shot{border:1px solid var(--dk-border,#d1d5db);background:var(--surface-inset,#f3f4f6)}.fb-shot img{object-fit:cover;width:100%;height:100%;display:block}.fb-shot.is-loading{color:var(--text-muted,#6b7280);font-size:var(--text-h3);justify-content:center;align-items:center;display:flex}.fb-shot-x{appearance:none;cursor:pointer;background:0 0;border:0;justify-content:flex-end;align-items:flex-start;width:44px;height:44px;padding:4px;display:flex;position:absolute;top:0;right:0}.fb-shot-x>i{border-radius:var(--radius-pill,999px);color:#fff;background:#0000009e;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;display:flex}.fb-shot-add{appearance:none;border:1px dashed var(--gray-dashed,#d1d5db);color:var(--text-muted,#6b7280);font-size:var(--text-sm);cursor:pointer;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-family:inherit;font-weight:700;transition:background .15s ease-out;display:flex}.fb-shot-add>i{font-size:20px}.fb-shot-add:hover{background:var(--surface-inset,#f3f4f6)}.fb-error{font-size:var(--text-sm);color:var(--rv-red-hover,#dc2626);align-items:flex-start;gap:8px;margin:0;line-height:1.45;display:flex}.fb-actions{border-top:1px solid var(--dk-border-muted,#e5e7eb);flex-wrap:wrap;align-items:center;gap:12px;padding-top:16px;display:flex}.fb-submit{appearance:none;border-radius:var(--radius-pill,999px);background:var(--rv-red-hover,#dc2626);height:48px;color:var(--text-onbrand,#fff);font-size:var(--text-body-size,15px);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-family:inherit;font-weight:800;transition:background .2s ease-out;display:inline-flex}.fb-submit:hover:not(:disabled){background:var(--rv-red-deep,#b91c1c)}.fb-submit:disabled{cursor:not-allowed;opacity:.8}.fb-as{font-size:var(--text-sm);color:var(--text-muted,#6b7280)}.fb-as strong{color:var(--text-strong,#111827);font-weight:700}.fb-gate{flex-direction:column;gap:8px;width:100%;display:flex}.fb-gate-btn{max-width:340px}.fb-gate-note{font-size:var(--text-sm);color:var(--text-muted,#6b7280);align-items:flex-start;gap:8px;margin:0;line-height:1.45;display:flex}.fb-gate-note>i{color:var(--rv-red-hover,#dc2626);flex-shrink:0;margin-top:1px;font-size:13px}.fb-spin{animation:.9s linear infinite fb-spin}@keyframes fb-spin{to{transform:rotate(360deg)}}.fb-field input:focus-visible,.fb-field textarea:focus-visible,.fb-chip:focus-visible,.fb-shot-add:focus-visible,.fb-shot-x:focus-visible,.fb-submit:focus-visible,.fb-sent-x:focus-visible,.fb-restore-yes:focus-visible,.fb-restore-no:focus-visible{outline:none;box-shadow:0 0 0 3px #dc262642}.fb-mine{margin-top:32px}.fb-mine ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.fb-mine li{border-radius:var(--radius-md,12px);border:1px solid var(--dk-border,#d1d5db);background:var(--surface-card,#fff);align-items:center;gap:8px;padding:12px;display:flex}.fb-mine-cat{border-radius:var(--radius-sm);background:var(--surface-inset,#f3f4f6);font-size:var(--text-sm);color:var(--text-strong,#111827);flex-shrink:0;padding:4px 8px;font-weight:700}.fb-mine-msg{min-width:0;font-size:var(--text-body-size);color:var(--text-strong,#111827);text-overflow:ellipsis;white-space:nowrap;flex:auto;font-weight:600;overflow:hidden}.fb-status{border-radius:var(--radius-pill,999px);font-size:var(--text-meta);white-space:nowrap;color:var(--ink,#4b5563);background:color-mix(in srgb, var(--accent,#a3a3a3) 12%, transparent);border:1px solid color-mix(in srgb, var(--accent,#a3a3a3) 32%, transparent);flex-shrink:0;align-items:center;gap:4px;padding:4px 12px;font-weight:700;display:inline-flex}.fb-status>i{font-size:11px}.fb-mine-date{font-size:var(--text-sm);color:var(--gray-500,#6b7280);flex-shrink:0}.fb-empty{border-radius:var(--radius-md,12px);border:1px dashed var(--gray-dashed,#d1d5db);font-size:var(--text-sm);color:var(--text-muted,#6b7280);align-items:center;gap:8px;margin:0;padding:16px;line-height:1.45;display:flex}.fb-empty>i{flex-shrink:0;font-size:16px}@media (max-width:480px){.fb-page{padding:16px 16px 48px}.fb-form{padding:16px}.fb-submit{width:100%}.fb-restore-yes,.fb-restore-no{flex:auto;min-height:44px}.fb-shots{grid-template-columns:repeat(3,minmax(0,1fr))}.fb-mine li{flex-wrap:wrap}.fb-mine-msg{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:100%;order:-1;display:-webkit-box}.fb-mine-date{margin-left:auto}}[data-theme=dark] .fb-form,[data-theme=dark] .fb-mine li{background:var(--dk-card,#161616);border-color:var(--dk-border,#3a3a3a);box-shadow:none}[data-theme=dark] .fb-field input,[data-theme=dark] .fb-field textarea{background:var(--dk-card2,#1f1f1f);border-color:var(--dk-border,#3a3a3a);color:var(--dk-text,#f5f5f5)}[data-theme=dark] .fb-page .fb-form .fb-field input{background:var(--dk-card2,#1f1f1f)!important;border-color:var(--dk-border,#3a3a3a)!important;color:var(--dk-text,#f5f5f5)!important}[data-theme=dark] .fb-page .fb-form .fb-field input:focus{border-color:#ff6a56!important}[data-theme=dark] .fb-page section.fb-mine{background:0 0!important}[data-theme=dark] .fb-field input::placeholder,[data-theme=dark] .fb-field textarea::placeholder{color:#8b8b8b}[data-theme=dark] .fb-field input:focus,[data-theme=dark] .fb-field textarea:focus{border-color:#ff6a56}[data-theme=dark] .fb-chip,[data-theme=dark] .fb-shot,[data-theme=dark] .fb-shot-add,[data-theme=dark] .fb-empty{border-color:#3a3a3a}[data-theme=dark] .fb-chip:hover,[data-theme=dark] .fb-shot-add:hover{background:#242424;border-color:#0000}[data-theme=dark] .fb-chip.is-on,[data-theme=dark] .fb-chip.is-on:hover{color:#ff8a7a;background:#ff6a5626;border-color:#ff6a5666}[data-theme=dark] .fb-chip.is-on>i,[data-theme=dark] .fb-error,[data-theme=dark] .fb-gate-note>i{color:#ff6a56}[data-theme=dark] .fb-mine-cat,[data-theme=dark] .fb-shot{background:#242424}[data-theme=dark] .fb-actions{border-color:var(--dk-border,#3a3a3a)}[data-theme=dark] .fb-status{color:var(--accent,#ff6a56)}[data-theme=dark] .fb-sent>i,[data-theme=dark] .fb-sent a{color:#34e646}[data-theme=dark] .fb-restore>i{color:#5e9eff}[data-theme=dark] .fb-restore-yes{background:#2563eb}[data-theme=dark] .fb-field input:focus-visible,[data-theme=dark] .fb-field textarea:focus-visible,[data-theme=dark] .fb-chip:focus-visible,[data-theme=dark] .fb-shot-add:focus-visible,[data-theme=dark] .fb-shot-x:focus-visible,[data-theme=dark] .fb-submit:focus-visible,[data-theme=dark] .fb-sent-x:focus-visible{box-shadow:0 0 0 3px #ff6a5657}
