/* Bond Compose — FAB, Capture Canvas, Reflection Mode, Letter Mode */
    /* ═══════════════════════════════════════════
       FAB (Floating Action Button)
       ═══════════════════════════════════════════ */
    .capture-fab {
      display:none; position:fixed; bottom:80px; right:20px; z-index:95;
      width:54px; height:54px; border-radius:50%; border:none; cursor:pointer;
      background:linear-gradient(145deg, #d4a853, #b8942e);
      box-shadow:0 4px 20px rgba(180,140,80,0.35);
      animation:fabPulse 3s ease-in-out infinite;
      transition:all 0.35s;
    }
    .capture-fab:hover { transform:scale(1.1); box-shadow:0 6px 30px rgba(180,140,80,0.5); }
    .capture-fab.active { display:flex; align-items:center; justify-content:center; }
    body.cork-mode .capture-fab { display:none !important; }
    .capture-fab svg { width:24px; height:24px; color:#0f172a; }

    /* ═══════════════════════════════════════════
       FULL-SCREEN CAPTURE CANVAS
       ═══════════════════════════════════════════ */
    .capture-canvas {
      position:fixed; inset:0; z-index:150;
      background-image:url('../textures/desk-wood.jpg?v=2');
      background-color:#2a1c10;
      background-size:cover;
      transform:translateY(100%); transition:transform 0.5s cubic-bezier(0.22,1,0.36,1);
      display:flex; flex-direction:column;
    }
    .capture-canvas.open { transform:translateY(0); }
    .capture-canvas-body {
      flex:1; display:flex; flex-direction:column; align-items:center;
      justify-content:center;
      padding:12px 16px 12px; overflow-y:auto; min-height:0;
    }
    .capture-canvas-textarea {
      width:100%; flex:1; background:transparent; border:none;
      font-size:1.15rem; line-height:2.0;
      outline:none; resize:none; padding:0; min-height:200px;
      caret-color:var(--bond-gold);
      /* contenteditable: behave like the old textarea (rich, for multi-color) */
      white-space:pre-wrap; overflow-wrap:break-word; word-break:break-word;
    }
    .capture-canvas-textarea::placeholder { color:rgba(80,60,40,0.35); font-style:italic; }
    /* contenteditable placeholder (textarea placeholder attr does not apply) */
    .capture-canvas-textarea.is-empty:before {
      content:attr(data-placeholder); color:rgba(80,60,40,0.35); font-style:italic;
      pointer-events:none; cursor:text;
    }
    .capture-canvas-textarea.ink-flowing { animation:inkFlow 0.25s ease-out; }

    /* Custom color picker */
    .ink-picker-wrap { margin:8px 0 12px; }
    .ink-presets-row { display:grid; grid-template-columns:repeat(6,1fr); gap:8px; margin-bottom:16px; }
    @media (max-width:400px) { .ink-presets-row { grid-template-columns:repeat(4,1fr); } }
    .ink-gradient-bar {
      position:relative; height:36px; border-radius:18px; cursor:pointer;
      background:linear-gradient(90deg, #111 0%, #1b3a6b 12%, #2155a8 22%, #0d7377 32%, #1e5631 42%, #6b4226 52%, #a0522d 62%, #b22234 72%, #7a1b3a 82%, #5c2d91 92%, #b5495b 100%);
      box-shadow:0 2px 12px rgba(0,0,0,0.3), inset 0 1px 2px rgba(255,255,255,0.1);
      margin-bottom:8px;
    }
    .ink-gradient-thumb {
      position:absolute; top:50%; width:24px; height:24px; border-radius:50%;
      border:3px solid #fff; transform:translate(-50%,-50%);
      box-shadow:0 2px 8px rgba(0,0,0,0.4); pointer-events:none; transition:left 0.05s;
    }
    .ink-custom-preview { display:flex; align-items:center; gap:12px; }
    .ink-custom-swatch { width:32px; height:32px; border-radius:50%; border:2px solid rgba(255,255,255,0.2); box-shadow:0 2px 6px rgba(0,0,0,0.3); }
    .ink-custom-label { color:var(--bond-muted); font-size:0.78rem; font-family:'Cormorant Garamond',serif; }
    .ink-custom-hex { color:var(--bond-gold); font-family:'Space Grotesk',sans-serif; font-size:0.72rem; }
    .capture-canvas-actions {
      display:flex; align-items:center; justify-content:center; gap:14px;
      padding:16px 24px 28px; flex-shrink:0;
      position:relative; z-index:2;
    }
    .canvas-action-btn {
      width:44px; height:44px; border-radius:50%;
      border:1px solid rgba(160,130,80,0.2);
      background:linear-gradient(165deg, rgba(50,40,28,0.9), rgba(35,28,18,0.95));
      color:rgba(200,170,120,0.5); cursor:pointer;
      display:flex; align-items:center; justify-content:center; transition:all 0.25s;
      box-shadow:0 2px 8px rgba(0,0,0,0.3), inset 0 1px 0 rgba(200,170,120,0.1);
    }
    .canvas-action-btn:hover {
      color:rgba(220,190,130,0.8); border-color:rgba(200,170,120,0.35);
      box-shadow:0 3px 12px rgba(0,0,0,0.4), inset 0 1px 0 rgba(200,170,120,0.15);
      transform:translateY(-1px);
    }
    .canvas-action-btn svg { width:20px; height:20px; }
    .canvas-send-btn {
      width:56px; height:56px; border-radius:50%; border:none; cursor:pointer;
      background:linear-gradient(145deg, #d4a853, #a07828);
      color:#1a1408; display:flex; align-items:center; justify-content:center;
      transition:all 0.25s;
      box-shadow:0 4px 20px rgba(180,140,80,0.35), 0 2px 6px rgba(0,0,0,0.3),
                 inset 0 2px 4px rgba(255,220,140,0.25), inset 0 -2px 4px rgba(0,0,0,0.15);
    }
    .canvas-send-btn:hover {
      transform:scale(1.08); 
      box-shadow:0 6px 28px rgba(180,140,80,0.5), 0 2px 8px rgba(0,0,0,0.3),
                 inset 0 2px 4px rgba(255,220,140,0.3), inset 0 -2px 4px rgba(0,0,0,0.15);
    }
    .canvas-send-btn svg { width:22px; height:22px; }
    .seal-toggle-canvas {
      width:44px; height:44px; border-radius:50%;
      border:1px solid rgba(160,130,80,0.2);
      background:linear-gradient(165deg, rgba(50,40,28,0.9), rgba(35,28,18,0.95));
      color:rgba(200,170,120,0.5); cursor:pointer;
      display:flex; align-items:center; justify-content:center; transition:all 0.2s;
      box-shadow:0 2px 8px rgba(0,0,0,0.3), inset 0 1px 0 rgba(200,170,120,0.1);
    }
    .seal-toggle-canvas.active {
      border-color:rgba(180,140,80,0.5); background:linear-gradient(165deg, rgba(60,45,25,0.95), rgba(40,30,15,0.95));
      color:rgba(220,180,100,0.9);
      box-shadow:0 0 12px rgba(180,140,80,0.2), 0 2px 8px rgba(0,0,0,0.3), inset 0 1px 0 rgba(220,180,100,0.15);
    }
    .seal-toggle-canvas svg { width:18px; height:18px; }

    /* ═══════ REFLECTION MODE ═══════ */
    .capture-canvas.reflection-mode {
      background-color:#060810 !important;
      background-image:
        radial-gradient(ellipse at 50% 20%, rgba(82,130,133,0.12) 0%, transparent 50%),
        radial-gradient(ellipse at 20% 80%, rgba(100,80,160,0.06) 0%, transparent 40%),
        radial-gradient(ellipse at 80% 60%, rgba(60,100,140,0.05) 0%, transparent 40%),
        radial-gradient(1px 1px at 20% 30%, rgba(255,255,255,0.15), transparent),
        radial-gradient(1px 1px at 40% 70%, rgba(255,255,255,0.1), transparent),
        radial-gradient(1px 1px at 60% 20%, rgba(255,255,255,0.12), transparent),
        radial-gradient(1px 1px at 80% 50%, rgba(255,255,255,0.08), transparent),
        radial-gradient(1px 1px at 10% 80%, rgba(255,255,255,0.1), transparent),
        radial-gradient(1px 1px at 70% 90%, rgba(255,255,255,0.07), transparent),
        radial-gradient(1px 1px at 50% 50%, rgba(200,180,255,0.15), transparent) !important;
      background-blend-mode:normal !important;
      background-size:auto !important;
    }
    .reflection-mode .canvas-craft-bar,
    .reflection-mode .canvas-stationery-strip,
    .reflection-mode .canvas-ink-strip,
    .reflection-mode .canvas-recipient-bar,
    .reflection-mode .canvas-recipient-picker,
    .reflection-mode .canvas-recipient-sheet,
    .reflection-mode .recipient-sheet-backdrop { display:none !important; }
    .reflection-mode .canvas-paper-sheet {
      background-image:url('../textures/paper-fiber.png') !important;
      background-color:rgba(240,236,230,0.95) !important;
      background-blend-mode:multiply !important;
      background-size:512px 512px !important;
      border:none !important;
      border-radius:6px !important;
      transform:perspective(900px) rotateX(1deg) !important;
      box-shadow:
        0 20px 60px rgba(0,0,0,0.4),
        0 0 120px rgba(82,130,133,0.08),
        inset 0 1px 0 rgba(255,255,255,0.5) !important;
      max-width:520px;
      padding:32px 32px 32px 32px !important;
    }
    .reflection-mode .canvas-paper-sheet::before { display:none; }
    .reflection-mode .canvas-paper-sheet::after { display:none !important; }
    .reflection-mode .paper-corner-curl { display:none !important; }
    .reflection-mode .capture-canvas-textarea {
      font-family:'Cormorant Garamond',serif !important;
      font-size:1.15rem !important;
      font-style:italic;
      color:rgba(50,40,35,0.8) !important;
      line-height:2.2 !important;
      caret-color:rgba(82,130,133,0.8);
    }
    .reflection-mode .capture-canvas-textarea::placeholder {
      color:rgba(80,70,60,0.3); font-style:italic;
    }
    .reflection-mode #sealToggleCanvas,
    .reflection-mode [onclick="openCamera()"],
    .reflection-mode #sendLaterBtn { display:none !important; }
    .reflection-mode .canvas-send-btn {
      background:linear-gradient(135deg, rgba(82,130,133,0.85), rgba(60,100,110,0.95)) !important;
      border:1px solid rgba(82,130,133,0.4) !important;
      box-shadow:0 4px 20px rgba(82,130,133,0.3), 0 0 60px rgba(82,130,133,0.08) !important;
      color:rgba(255,255,255,0.95) !important;
    }
    .reflection-mode .canvas-send-btn:hover {
      box-shadow:0 6px 30px rgba(82,130,133,0.4), 0 0 80px rgba(82,130,133,0.12) !important;
      transform:translateY(-1px);
    }
    .reflection-mode .canvas-action-btn {
      background:rgba(10,14,20,0.7) !important;
      border-color:rgba(82,130,133,0.2) !important;
      color:rgba(180,200,205,0.6) !important;
    }
    .reflection-mode .trace-brand-top-nav--bond-compose {
      background: linear-gradient(135deg, rgba(10, 32, 36, 0.92), rgba(6, 20, 24, 0.96));
      border-bottom-color: rgba(82, 130, 133, 0.22);
      box-shadow: 0 8px 32px rgba(0, 24, 28, 0.45),
        inset 0 1px 0 rgba(180, 220, 220, 0.05);
    }
    .reflection-mode .trace-brand-top-nav--bond-compose .trace-brand-back-pill-marble {
      border-color: rgba(82, 130, 133, 0.35);
      color: rgba(220, 235, 238, 0.95);
      background: rgba(82, 130, 133, 0.12);
    }
    .reflection-mode .trace-brand-top-nav--bond-compose .trace-brand-back-pill-marble:hover {
      border-color: rgba(120, 190, 195, 0.5);
      background: rgba(82, 130, 133, 0.22);
    }
    .reflection-mode .trace-brand-top-nav--bond-compose .trace-brand-icon-ring {
      border-color: rgba(82, 130, 133, 0.25);
      color: rgba(200, 228, 230, 0.85);
      background: rgba(10, 20, 28, 0.35);
    }
    .reflection-mode .trace-brand-top-nav--bond-compose .trace-brand-icon-ring:hover {
      border-color: rgba(140, 200, 205, 0.45);
      background: rgba(82, 130, 133, 0.2);
      color: #f0fafb;
    }

    .reflection-prompt-header {
      display:none; text-align:center; padding:20px 32px 6px;
      max-width:520px; margin:0 auto;
    }
    .reflection-mode .reflection-prompt-header { display:block; }
    .reflection-prompt-header .reflection-prompt-question {
      font-family:'Cormorant Garamond',serif; font-size:1.4rem; font-weight:300;
      color:rgba(220,230,235,0.75); line-height:1.7; font-style:italic;
      letter-spacing:0.01em;
      animation:promptFadeIn 1.2s ease-out;
    }
    @keyframes promptFadeIn {
      0% { opacity:0; transform:translateY(10px); }
      100% { opacity:1; transform:translateY(0); }
    }
    .reflection-prompt-header .reflection-prompt-label {
      font-family:'Space Grotesk',sans-serif; font-size:0.65rem; font-weight:600;
      text-transform:uppercase; letter-spacing:0.22em;
      color:rgba(82,130,133,0.6); margin-bottom:10px;
    }
    .reflection-sharing-with {
      font-family:'Space Grotesk',sans-serif; font-size:0.65rem; font-weight:400;
      color:rgba(82,130,133,0.5); margin-top:14px; cursor:pointer; transition:color 0.2s;
    }
    .reflection-sharing-with:hover { color:rgba(82,130,133,0.8); }
    .reflection-recipient-picker {
      display:flex; flex-wrap:wrap; gap:6px; justify-content:center; margin-top:10px; padding:0 16px;
    }
    .reflection-recipient-chip {
      display:inline-flex; align-items:center; gap:4px; padding:5px 14px;
      border-radius:16px; font-family:'Cormorant Garamond',serif; font-size:0.82rem;
      cursor:pointer; transition:all 0.2s; border:1px solid rgba(255,255,255,0.08);
      background:rgba(255,255,255,0.04); color:var(--bond-subtle);
    }
    .reflection-recipient-chip.selected {
      background:rgba(251,191,36,0.1); border-color:rgba(251,191,36,0.25);
      color:var(--bond-gold);
    }
    .reflection-recipient-chip:hover { border-color:rgba(251,191,36,0.2); }
    .reflection-recipient-dot {
      width:6px; height:6px; border-radius:50%; background:rgba(255,255,255,0.15); transition:background 0.2s;
    }
    .reflection-recipient-chip.selected .reflection-recipient-dot { background:var(--bond-gold); }
    .reflection-refresh-btn {
      background:none; border:none; color:var(--bond-subtle); font-family:'Cormorant Garamond',serif;
      font-size:0.75rem; cursor:pointer; padding:4px 8px; transition:color 0.2s;
      text-decoration:underline; text-underline-offset:3px;
    }
    .reflection-refresh-btn:hover { color:var(--bond-gold);
      letter-spacing:0.06em;
    }

    .reflection-breathing-ring {
      display:none; position:absolute; inset:-8px; border-radius:20px;
      pointer-events:none; z-index:0;
    }
    .reflection-mode .reflection-breathing-ring {
      display:block;
      animation:reflectionBreathe 6s ease-in-out infinite;
    }
    @keyframes reflectionBreathe {
      0%,100% { box-shadow:0 0 25px rgba(82,130,133,0.06), inset 0 0 20px rgba(82,130,133,0.03); }
      50% { box-shadow:0 0 50px rgba(82,130,133,0.12), inset 0 0 40px rgba(82,130,133,0.06); }
    }

    .reflection-submit-overlay {
      position:fixed; inset:0; z-index:200;
      display:flex; align-items:center; justify-content:center; flex-direction:column;
      background:rgba(8,11,20,0.97); backdrop-filter:blur(20px);
      opacity:0; transition:opacity 0.5s;
    }
    .reflection-submit-overlay.active { opacity:1; }
    .reflection-submit-message {
      font-family:'Cormorant Garamond',serif; font-size:1.2rem; font-weight:300;
      color:rgba(200,195,230,0.7); text-align:center; line-height:1.8;
      max-width:320px; opacity:0; transform:translateY(12px);
      transition:opacity 0.6s 0.3s, transform 0.6s 0.3s;
    }
    .reflection-submit-overlay.active .reflection-submit-message { opacity:1; transform:translateY(0); }
    .reflection-submit-glow {
      width:80px; height:80px; border-radius:50%; margin-bottom:28px;
      background:radial-gradient(circle, rgba(160,150,220,0.2), transparent 70%);
      animation:reflectionGlowPulse 2s ease-in-out infinite;
    }
    @keyframes reflectionGlowPulse {
      0%,100% { transform:scale(1); opacity:0.6; }
      50% { transform:scale(1.15); opacity:1; }
    }

    /* ═══════ LETTER MODE ENHANCEMENTS ═══════ */
    .canvas-paper-sheet .letter-wax-watermark {
      position:absolute; top:16px; right:16px; width:40px; height:40px;
      opacity:0.04; pointer-events:none; z-index:1;
    }
    .canvas-paper-sheet .letter-envelope-peek {
      position:absolute; bottom:-12px; left:50%; transform:translateX(-50%) rotate(1deg);
      width:calc(100% + 20px); height:60px; pointer-events:none; z-index:-1;
      border-radius:0 0 6px 6px;
      background:linear-gradient(170deg, #e8dcc8 0%, #d6c8b0 50%, #c8b898 100%);
      box-shadow:0 6px 20px rgba(0,0,0,0.25);
      clip-path:polygon(0 40%, 50% 0%, 100% 40%, 100% 100%, 0 100%);
      opacity:0.35;
    }
    .reflection-mode .letter-wax-watermark,
    .reflection-mode .letter-envelope-peek { display:none !important; }

    @keyframes paperSettle {
      0% { transform:perspective(900px) rotateX(4deg) rotate(-1.2deg) translateY(-24px) scale(0.96); opacity:0.5; }
      60% { transform:perspective(900px) rotateX(0.8deg) rotate(0deg) translateY(5px) scale(1.005); opacity:1; }
      100% { transform:perspective(900px) rotateX(1.5deg) rotate(-0.4deg) translateY(0) scale(1); opacity:1; }
    }
    .canvas-paper-sheet.settling { animation:paperSettle 0.5s cubic-bezier(0.34,1.56,0.64,1) both; }

    /* Voice recording bar — Phase 1: live transcription (red) */
    .voice-recording-bar {
      display:none; align-items:center; gap:10px;
      padding:10px 16px; margin:0 8px 0;
      background:rgba(239,68,68,0.08); border:1px solid rgba(239,68,68,0.25);
      border-radius:12px 12px 0 0; border-bottom:none;
    }
    .voice-recording-bar.active { display:flex; }
    .voice-rec-dot {
      width:10px; height:10px; border-radius:50%; background:#ef4444; flex-shrink:0;
      animation:recDotPulse 1s ease-in-out infinite;
    }
    @keyframes recDotPulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:0.4;transform:scale(0.8)} }
    .voice-rec-label {
      flex:1; font-family:'Cormorant Garamond',serif; font-size:0.82rem;
      color:#ef4444; font-style:italic; letter-spacing:0.02em;
    }
    .voice-rec-timer {
      font-family:'Space Grotesk',sans-serif; font-size:0.9rem; font-weight:500;
      color:#fbbf24; letter-spacing:0.04em; min-width:36px; text-align:right;
    }
    /* Phase 2: voice clip mode (gold) */
    .voice-recording-bar.voice-clip {
      background:rgba(251,191,36,0.08); border-color:rgba(251,191,36,0.3);
    }
    .voice-recording-bar.voice-clip .voice-rec-dot { background:#fbbf24; }
    .voice-recording-bar.voice-clip .voice-rec-label { color:#fbbf24; }

    /* Recipient bar — "Addressing the Envelope" */
    .canvas-recipient-bar {
      display:flex; align-items:center; justify-content:center; gap:0; cursor:pointer;
      padding:10px 24px; margin:0 auto;
      transition:all 0.3s ease; flex-shrink:0;
      max-width:480px; width:100%;
    }
    .canvas-recipient-bar:hover .recipient-line { border-color:rgba(251,191,36,0.3); }
    .recipient-to-label {
      font-family:'Space Grotesk',sans-serif; font-size:0.6rem; font-weight:700;
      text-transform:uppercase; letter-spacing:0.22em;
      color:rgba(251,191,36,0.45); flex-shrink:0; margin-right:10px;
    }
    .recipient-line {
      flex:1; min-width:0; position:relative; text-align:center;
      border-bottom:1px solid rgba(255,240,210,0.12);
      padding-bottom:4px; transition:border-color 0.3s;
    }
    .recipient-line.idle .recipient-line-shimmer {
      position:absolute; bottom:-1px; left:0; right:0; height:1px;
      background:linear-gradient(90deg, transparent, rgba(251,191,36,0.5), transparent);
      animation:shimmerLine 2.5s ease-in-out infinite;
    }
    @keyframes shimmerLine {
      0%,100% { opacity:0; transform:scaleX(0.3); }
      50% { opacity:1; transform:scaleX(1); }
    }
    .canvas-recipient-name {
      font-size:1.05rem; font-style:italic; letter-spacing:0.03em;
      color:rgba(255,248,235,0.5); white-space:nowrap; overflow:hidden;
      display:inline-block;
    }
    .canvas-recipient-name.has-name {
      color:rgba(255,248,235,0.9);
    }
    .canvas-recipient-name .type-char {
      display:inline-block; opacity:0; animation:typeChar 0.08s ease forwards;
    }
    @keyframes typeChar {
      from { opacity:0; transform:translateY(3px); }
      to { opacity:1; transform:translateY(0); }
    }
    .recipient-seal {
      flex-shrink:0; width:18px; height:18px; margin-left:8px;
      opacity:0; transition:opacity 0.4s 0.3s, transform 0.4s 0.3s;
      transform:scale(0.5) rotate(-15deg);
    }
    .canvas-recipient-bar.has-recipient .recipient-seal {
      opacity:1; transform:scale(1) rotate(0deg);
    }

    /* Bottom sheet picker */
    .recipient-sheet-backdrop {
      position:fixed; inset:0; background:rgba(0,0,0,0); z-index:998;
      pointer-events:none; transition:background 0.3s;
    }
    .recipient-sheet-backdrop.open { background:rgba(0,0,0,0.5); pointer-events:auto; }
    .canvas-recipient-sheet {
      position:fixed; left:0; right:0; bottom:0; z-index:999;
      max-height:65vh; overflow-y:auto;
      background:rgba(18,14,10,0.97);
      backdrop-filter:blur(30px); -webkit-backdrop-filter:blur(30px);
      border-top:1px solid rgba(251,191,36,0.1);
      border-radius:20px 20px 0 0;
      padding:0 0 env(safe-area-inset-bottom, 16px);
      transform:translateY(100%);
      transition:transform 0.35s cubic-bezier(0.32,0.72,0,1);
      scrollbar-width:none;
    }
    .canvas-recipient-sheet::-webkit-scrollbar { display:none; }
    .canvas-recipient-sheet.open { transform:translateY(0); }
    .recipient-sheet-handle {
      width:36px; height:4px; border-radius:2px; margin:10px auto 6px;
      background:rgba(255,240,210,0.15);
    }
    .recipient-sheet-title {
      font-family:'Cormorant Garamond',serif; font-size:1.1rem; font-weight:500;
      color:rgba(255,248,235,0.7); text-align:center; padding:4px 0 14px;
      letter-spacing:0.04em;
    }
    .recipient-section-label {
      font-family:'Space Grotesk',sans-serif; font-size:0.55rem; font-weight:600;
      text-transform:uppercase; letter-spacing:0.16em;
      color:rgba(200,180,140,0.35); padding:10px 20px 6px;
    }
    .recipient-email-row {
      display:flex; align-items:center; gap:8px; padding:6px 20px 14px;
      border-bottom:1px solid rgba(255,255,255,0.04);
    }
    .recipient-email-input {
      flex:1; background:rgba(255,255,255,0.04); border:1px solid rgba(251,191,36,0.1);
      border-radius:10px; padding:12px 16px; color:#f1f5f9; font-family:inherit;
      font-size:0.88rem; outline:none; transition:border-color 0.2s;
    }
    .recipient-email-input:focus { border-color:rgba(251,191,36,0.3); }
    .recipient-email-input::placeholder { color:rgba(200,190,170,0.3); }
    .recipient-email-send {
      background:linear-gradient(135deg,rgba(251,191,36,0.18),rgba(251,191,36,0.08));
      border:1px solid rgba(251,191,36,0.2); border-radius:10px;
      padding:12px 18px; color:var(--bond-gold); font-family:inherit;
      font-size:0.8rem; font-weight:600; cursor:pointer; white-space:nowrap;
      transition:all 0.2s;
    }
    .recipient-email-send:hover { background:rgba(251,191,36,0.25); }
    .canvas-recipient-option {
      display:flex; align-items:center; gap:14px; padding:14px 20px;
      cursor:pointer; transition:all 0.2s; border-bottom:1px solid rgba(255,255,255,0.03);
      border-left:3px solid transparent; margin:0 4px;
      border-radius:8px;
    }
    .canvas-recipient-option:last-child { border-bottom:none; }
    .canvas-recipient-option:hover { background:rgba(251,191,36,0.06); border-left-color:rgba(251,191,36,0.3); }
    .canvas-recipient-option.selected { background:rgba(251,191,36,0.1); border-left-color:var(--bond-gold); }
    .canvas-recipient-option .recipient-avatar {
      width:42px; height:42px; border-radius:50%; display:flex; align-items:center;
      justify-content:center; font-size:1rem; font-weight:600;
      background:linear-gradient(135deg, rgba(251,191,36,0.2), rgba(251,191,36,0.05));
      color:var(--bond-gold); border:1px solid rgba(251,191,36,0.2); flex-shrink:0;
    }
    .recipient-option-info { flex:1; min-width:0; }
    .canvas-recipient-option .recipient-name {
      font-family:'Space Grotesk',sans-serif; font-size:0.95rem; color:var(--bond-text);
      font-weight:500;
    }
    .recipient-option-sub {
      font-family:'Space Grotesk',sans-serif; font-size:0.65rem;
      color:rgba(200,180,140,0.35); margin-top:2px; letter-spacing:0.02em;
    }
    .canvas-recipient-option .recipient-check {
      margin-left:auto; color:var(--bond-gold); font-size:1.2rem; display:none;
      opacity:0; transition:opacity 0.2s;
    }
    .canvas-recipient-option.selected .recipient-check { display:block; opacity:1; }