.sr-only.svelte-117mn18{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.modal-overlay.svelte-117mn18{position:fixed;top:0;left:0;width:100%;height:100%;background:#1a1a1a80;display:flex;justify-content:center;align-items:center;z-index:1000}.close-btn.svelte-117mn18:focus,.btn.svelte-117mn18:focus,.copy-icon-btn.svelte-117mn18:focus,.key-input.svelte-117mn18:focus{outline:2px solid #1A1A1A;outline-offset:2px}.modal.svelte-117mn18{background:#fafafa;border-radius:4px;max-width:800px;width:90%;max-height:80vh;overflow-y:auto;border:1px solid #E5E5E5}.modal-header.svelte-117mn18{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #E5E5E5}.modal-header.svelte-117mn18 h2:where(.svelte-117mn18){margin:0;font-size:1rem;color:#1a1a1a;font-weight:400;letter-spacing:.05em;text-transform:uppercase;font-family:DM Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.close-btn.svelte-117mn18{background:none;border:none;font-size:1.25rem;cursor:pointer;color:#666;padding:.5rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.close-btn.svelte-117mn18:hover{background:#f0f0f0;color:#1a1a1a}.modal-body.svelte-117mn18{padding:1.5rem}.modal-body.svelte-117mn18>p:where(.svelte-117mn18){margin:0 0 1.5rem;color:#666;font-size:.8rem;line-height:1.5}.auth-options.svelte-117mn18{display:flex;gap:3rem;align-items:stretch}.auth-option.svelte-117mn18{flex:1;padding:1.5rem;border:1px solid #E5E5E5;border-radius:4px;background:#fafafa;min-height:auto;display:flex;flex-direction:column;justify-content:flex-start;text-align:left}.auth-option.svelte-117mn18 h3:where(.svelte-117mn18){margin:0 0 .5rem;font-size:.9rem;color:#1a1a1a;font-weight:400;letter-spacing:.025em;text-transform:uppercase;font-family:DM Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.auth-option.svelte-117mn18 p:where(.svelte-117mn18){margin:0 0 1.5rem;color:#666;font-size:.8rem;line-height:1.5}.divider.svelte-117mn18{display:flex;align-items:center;justify-content:center;min-height:auto;width:0px;font-size:.7rem;color:#999;font-weight:600;letter-spacing:.1em;font-family:DM Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;position:relative}.divider.svelte-117mn18:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:#e5e5e5;transform:translate(-50%)}.divider.svelte-117mn18:after{content:"OR";background:#fafafa;padding:.5rem;position:relative;z-index:1}.key-input.svelte-117mn18{width:100%;padding:.75rem;border:1px solid #E5E5E5;border-radius:4px;font-family:DM Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.8rem;background:#fafafa;color:#1a1a1a;box-sizing:border-box}.key-input.svelte-117mn18:focus{outline:none;border-color:#1a1a1a}.generate-section.svelte-117mn18{display:flex;flex-direction:column;gap:1rem;flex:1}.generate-controls.svelte-117mn18{display:flex;align-items:center;gap:.75rem}.copy-icon-btn.svelte-117mn18{background:none;border:none;padding:.5rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:opacity .2s ease;position:relative;width:32px;height:32px;opacity:.3}.copy-icon-btn.active.svelte-117mn18{opacity:1;cursor:pointer}.copy-icon-btn.svelte-117mn18:disabled{cursor:not-allowed}.copy-icon-btn:hover.active.svelte-117mn18{opacity:.7}.copy-icon-btn.svelte-117mn18:before{content:"";position:absolute;width:10px;height:12px;border:1.5px solid #1A1A1A;border-radius:1px;top:50%;left:50%;transform:translate(-60%,-60%);background:transparent;transition:all .2s ease}.copy-icon-btn.svelte-117mn18:after{content:"";position:absolute;width:10px;height:12px;border:1.5px solid #1A1A1A;border-radius:1px;top:50%;left:50%;transform:translate(-40%,-40%);background:#fafafa;transition:all .2s ease;z-index:1}.copy-icon-btn.copied.svelte-117mn18:before{width:6px;height:12px;border:none;border-right:2px solid #1A1A1A;border-bottom:2px solid #1A1A1A;transform:translate(-50%,-60%) rotate(45deg);border-radius:0}.copy-icon-btn.copied.svelte-117mn18:after{display:none}.instruction-messages.svelte-117mn18{margin:1rem 0 0;text-align:center}.instruction-text.svelte-117mn18{margin:0;font-size:.8rem;color:#666}.instruction-text.important.svelte-117mn18{color:#666}.instruction-text.success.svelte-117mn18{color:#1a1a1a}.login-section.svelte-117mn18{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #E5E5E5;text-align:center}.login-btn.svelte-117mn18{min-width:200px;padding:.75rem 1.5rem;font-size:.8rem}.btn.svelte-117mn18{padding:.75rem 1.5rem;border:none;border-radius:4px;font-weight:400;cursor:pointer;transition:all .2s ease;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;font-family:DM Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.btn.svelte-117mn18:disabled{opacity:.5;cursor:not-allowed}.btn.primary.svelte-117mn18{background:#1a1a1a;color:#fafafa;border:1px solid #1A1A1A}.btn.primary.svelte-117mn18:hover:not(:disabled){background:transparent;color:#1a1a1a}.btn.secondary.svelte-117mn18{background:transparent;color:#1a1a1a;border:1px solid #E5E5E5}.btn.secondary.svelte-117mn18:hover{background:#1a1a1a;color:#fafafa}.error-message.svelte-117mn18{background:#fef2f2;color:#dc2626;padding:.75rem;border-radius:4px;margin-top:1rem;font-size:.8rem;border:1px solid #FCA5A5}@media (max-width: 768px){.modal.svelte-117mn18{max-width:95%;margin:1rem}.modal-body.svelte-117mn18{padding:1.5rem}.auth-options.svelte-117mn18{flex-direction:column;gap:1.5rem}.auth-option.svelte-117mn18{min-height:160px}.divider.svelte-117mn18{width:100%;height:auto;min-height:auto;padding:1rem 0;text-align:center}.divider.svelte-117mn18:before{top:50%;left:0;right:0;width:100%;height:1px;transform:translateY(-50%)}.divider.svelte-117mn18:after{position:relative;z-index:2}.login-btn.svelte-117mn18{width:100%}}.form-container.svelte-1vag8pr{background:#fafafa;padding:0;border-radius:0;border:1px solid #E5E5E5;margin-bottom:2rem;position:relative;max-width:800px;margin:0 auto;box-shadow:0 4px 16px #1a1a1a14}.step-indicator.svelte-1vag8pr:focus,input.svelte-1vag8pr:focus,textarea.svelte-1vag8pr:focus{outline:2px solid #1A1A1A;outline-offset:2px}.nav-button.svelte-1vag8pr:focus,button.svelte-1vag8pr:focus{outline:none}.step-progress.svelte-1vag8pr{margin-bottom:2rem;background:#fafafa;padding:2rem 0;border-bottom:1px solid #E5E5E5}.step-indicators.svelte-1vag8pr{display:flex;justify-content:center;align-items:center;gap:3rem;max-width:600px;margin:0 auto}.step-indicator.svelte-1vag8pr{display:flex;flex-direction:column;align-items:center;background:transparent;border:none;cursor:pointer;padding:.75rem;transition:all .2s ease;opacity:.5;min-width:80px}.step-indicator.active.svelte-1vag8pr,.step-indicator.completed.svelte-1vag8pr{opacity:1}.step-indicator.svelte-1vag8pr:disabled{cursor:not-allowed;opacity:.3}.step-indicator.svelte-1vag8pr:hover:not(:disabled){opacity:.8;transform:translateY(-1px)}.step-number.svelte-1vag8pr{width:36px;height:36px;border-radius:50%;background:#e5e5e5;color:#666;display:flex;align-items:center;justify-content:center;font-family:DM Mono,monospace;font-size:14px;font-weight:400;margin-bottom:.75rem;transition:all .2s ease;border:2px solid transparent}.step-indicator.active.svelte-1vag8pr .step-number:where(.svelte-1vag8pr){background:#1a1a1a;color:#fafafa;border-color:#1a1a1a;transform:scale(1.05)}.step-indicator.completed.svelte-1vag8pr .step-number:where(.svelte-1vag8pr){background:#1a1a1a;color:#fafafa;border-color:#1a1a1a}.step-title.svelte-1vag8pr{font-family:DM Mono,monospace;font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:1px;color:#666;transition:all .2s ease;text-align:center;line-height:1.2}.step-indicator.active.svelte-1vag8pr .step-title:where(.svelte-1vag8pr),.step-indicator.completed.svelte-1vag8pr .step-title:where(.svelte-1vag8pr){color:#1a1a1a;font-weight:500}.form-navigation.svelte-1vag8pr{display:flex;justify-content:flex-end;align-items:center;padding:2rem;background:#fafafa;border-top:1px solid #E5E5E5;margin-top:2rem;gap:1rem}.nav-spacer.svelte-1vag8pr{display:none}.nav-button.svelte-1vag8pr{background:transparent;border:1px solid #1A1A1A;color:#1a1a1a;padding:.875rem 2rem;font-family:DM Mono,monospace;font-size:13px;font-weight:400;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .2s ease;min-width:140px;border-radius:0;position:relative;overflow:hidden}.nav-button.svelte-1vag8pr:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#1a1a1a;transition:left .3s ease;z-index:0}.nav-button.svelte-1vag8pr:hover:before{left:0}.nav-button.svelte-1vag8pr:hover{color:#fafafa;transform:translateY(-1px)}.nav-button.svelte-1vag8pr span:where(.svelte-1vag8pr){position:relative;z-index:1}.nav-button.svelte-1vag8pr:disabled{opacity:.5;cursor:not-allowed;transform:none}.nav-button.svelte-1vag8pr:disabled:before{display:none}.nav-button.submit.svelte-1vag8pr{background:#1a1a1a;color:#fafafa;border-color:#1a1a1a}.nav-button.submit.svelte-1vag8pr:before{background:#333}.nav-button.submit.svelte-1vag8pr:hover{background:#333;color:#fafafa}.nav-button.submit.svelte-1vag8pr:disabled{background:#666;cursor:not-allowed;transform:none}.form-step.svelte-1vag8pr{margin-bottom:2rem;background:#fafafa;border:1px solid #E5E5E5;padding:2.5rem;transition:all .2s ease;position:relative;min-height:400px;display:flex;flex-direction:column}.form-step.svelte-1vag8pr h3:where(.svelte-1vag8pr){text-align:center;margin:0 0 1rem;font-family:DM Mono,monospace;font-size:1.2rem;font-weight:400;color:#1a1a1a;text-transform:uppercase;letter-spacing:.15em;position:relative}.form-step.svelte-1vag8pr h3:where(.svelte-1vag8pr):after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:60px;height:2px;background:#1a1a1a}.form-step.svelte-1vag8pr p:where(.svelte-1vag8pr){text-align:center;margin:1.5rem auto 2.5rem;font-size:.9rem;color:#666;font-family:DM Mono,monospace;max-width:500px;line-height:1.6}.step-content.svelte-1vag8pr{text-align:center;margin-bottom:2rem}.step-content.svelte-1vag8pr h3:where(.svelte-1vag8pr){text-align:center;margin:0 0 1rem}.step-content.svelte-1vag8pr p:where(.svelte-1vag8pr){text-align:center;margin:1.5rem auto 0;max-width:500px}.form-step.svelte-1vag8pr:hover{border-color:#1a1a1a;transform:translateY(-2px);box-shadow:0 8px 24px #1a1a1a1f}.step-indicator.svelte-1vag8pr{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #E5E5E5}.step-number.svelte-1vag8pr{background:#1a1a1a;color:#fafafa;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:400;font-family:DM Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.step-title.svelte-1vag8pr{font-size:1rem;font-weight:400;color:#1a1a1a;text-transform:uppercase;letter-spacing:.05em;font-family:DM Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.form-group.svelte-1vag8pr{margin-bottom:2rem}.message-content-group.svelte-1vag8pr{background:#f8f8f8;padding:1.5rem;border:1px solid #E5E5E5;margin-bottom:2rem}.message-content-group.svelte-1vag8pr label:where(.svelte-1vag8pr){text-align:left;margin-bottom:1rem;display:block;color:#1a1a1a}.message-content-group.svelte-1vag8pr textarea:where(.svelte-1vag8pr){width:100%;max-width:100%;margin:0;background:#fafafa;border:1px solid #E5E5E5;border-radius:0;padding:1rem;box-sizing:border-box;height:200px;resize:vertical;overflow-y:auto;overflow-x:hidden;text-align:left;font-family:DM Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.message-content-group.svelte-1vag8pr .error-text:where(.svelte-1vag8pr){text-align:left;margin-top:.5rem;background:transparent;padding:0;border:none;color:#dc2626;font-size:.75rem}.message-content-group.svelte-1vag8pr .helper-text:where(.svelte-1vag8pr){text-align:left;margin-top:.5rem;background:transparent;padding:0;border:none;color:#666;font-size:.75rem}.character-counter.svelte-1vag8pr{text-align:right;margin-top:.5rem;font-size:.75rem;color:#666;font-family:DM Mono,monospace}.character-counter.warning.svelte-1vag8pr{color:#f59e0b}.counter-note.svelte-1vag8pr{color:#666;font-style:italic}textarea.valid.svelte-1vag8pr{border-color:#1a1a1a;background:#f8f8f8}input.valid.svelte-1vag8pr{border-bottom-color:#1a1a1a;background:#f8f8f8}.description-group.svelte-1vag8pr{background:#f8f8f8;padding:1.5rem;border:1px solid #E5E5E5;margin-bottom:2rem}.description-group.svelte-1vag8pr label:where(.svelte-1vag8pr){text-align:left;margin-bottom:1rem;display:block;color:#1a1a1a}.description-group.svelte-1vag8pr input:where(.svelte-1vag8pr){width:100%;max-width:100%;margin:0;background:#fafafa;border:1px solid #E5E5E5;border-radius:0;padding:1rem;box-sizing:border-box;text-align:left;font-family:DM Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.description-group.svelte-1vag8pr .helper-text:where(.svelte-1vag8pr){text-align:left;margin-top:.5rem;background:transparent;padding:0;border:none;color:#666;font-size:.75rem}label.svelte-1vag8pr{display:block;margin-bottom:1rem;font-weight:400;color:#1a1a1a;font-size:.9rem;letter-spacing:.025em;font-family:DM Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;text-transform:uppercase}input.svelte-1vag8pr,textarea.svelte-1vag8pr{width:100%;padding:1rem;border:none;border-bottom:1px solid #E5E5E5;border-radius:0;font-size:.9rem;transition:all .2s ease;background:transparent;color:#1a1a1a;font-family:DM Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;-webkit-appearance:none;-moz-appearance:none;appearance:none}@media (max-width: 767px){input.svelte-1vag8pr,textarea.svelte-1vag8pr{font-size:16px;padding:1.125rem 1rem}}textarea.svelte-1vag8pr{width:100%;padding:1rem;border:none;border-bottom:1px solid #E5E5E5;border-radius:0;font-size:.9rem;transition:all .2s ease;background:transparent;color:#1a1a1a;font-family:DM Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;height:150px;resize:none;overflow-y:auto;overflow-x:hidden}.message-content-group.svelte-1vag8pr textarea:where(.svelte-1vag8pr){border:1px solid #E5E5E5;background:#fafafa;height:200px;resize:none}input.svelte-1vag8pr:focus,textarea.svelte-1vag8pr:focus{outline:none;background:#f8f8f8}input.svelte-1vag8pr:focus{border-bottom-color:#1a1a1a}textarea.svelte-1vag8pr:focus{border-color:#1a1a1a}input.error.svelte-1vag8pr,textarea.error.svelte-1vag8pr{background:#fef2f2}input.error.svelte-1vag8pr{border-bottom-color:#dc2626}textarea.error.svelte-1vag8pr{border-color:#dc2626}.datetime-wrapper.svelte-1vag8pr{position:relative;width:100%}.datetime-wrapper.svelte-1vag8pr input:where(.svelte-1vag8pr){text-align:left;width:100%;border:1px solid #E5E5E5;border-radius:0;background:#fafafa;box-sizing:border-box}.datetime-helper.svelte-1vag8pr{font-size:.75rem;color:#666;margin-top:.5rem;font-family:DM Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;text-align:left}.datetime-wrapper.svelte-1vag8pr+.error-text:where(.svelte-1vag8pr){text-align:left;margin-top:.5rem}.helper-text.svelte-1vag8pr{margin-top:.5rem;font-size:.75rem;color:#666;font-family:DM Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;background:#f8f8f8;padding:.5rem;border-left:2px solid #E5E5E5}.helper-text.required-indicator.svelte-1vag8pr{background:#fffbeb;border-left-color:#fbbf24;color:#92400e;text-align:center}.error-text.svelte-1vag8pr{margin-top:.5rem;font-size:.75rem;color:#dc2626;background:#fef2f2;padding:.5rem;border-left:2px solid #dc2626;font-family:DM Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.btn-spinner.svelte-1vag8pr{display:inline-block;width:14px;height:14px;border:2px solid #666666;border-top-color:transparent;border-radius:50%;animation:svelte-1vag8pr-spin 1s linear infinite;margin-right:.5rem;vertical-align:middle}.nav-button.submit.svelte-1vag8pr .btn-spinner:where(.svelte-1vag8pr){border-color:#fafafa;border-top-color:transparent}@keyframes svelte-1vag8pr-spin{to{transform:rotate(360deg)}}.review-section.svelte-1vag8pr{background:#fafafa;border:1px solid #E5E5E5;border-radius:0;padding:1.5rem;margin-bottom:1.5rem}.review-item.svelte-1vag8pr{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #E5E5E5}.review-item.svelte-1vag8pr:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.review-item.svelte-1vag8pr h4:where(.svelte-1vag8pr){margin:0 0 .75rem;font-size:.9rem;font-weight:400;color:#1a1a1a;text-transform:uppercase;letter-spacing:.025em;font-family:DM Mono,monospace}.review-content.svelte-1vag8pr{color:#666;font-family:DM Mono,monospace;font-size:.85rem;line-height:1.5}.message-preview.svelte-1vag8pr{background:#f0f0f0;border:1px solid #E5E5E5;padding:1rem;max-height:120px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.review-meta.svelte-1vag8pr{margin-top:.5rem;font-size:.75rem;color:#999;font-style:italic}.privacy-badge.svelte-1vag8pr{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:0;font-size:.75rem;font-weight:400;text-transform:uppercase;letter-spacing:.05em;font-family:DM Mono,monospace;margin-bottom:.5rem}.privacy-badge.public.svelte-1vag8pr{background-color:#f8f8f8;color:#1a1a1a;border:1px solid #1A1A1A}.privacy-badge.private.svelte-1vag8pr{background-color:#1a1a1a;color:#fafafa;border:1px solid #1A1A1A}.privacy-description.svelte-1vag8pr{font-size:.8rem;color:#666;margin-top:.5rem}.recipient-preview.svelte-1vag8pr{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.5rem;background:#fafafa;border:1px solid #E5E5E5}.recipient-number.svelte-1vag8pr{font-weight:500;color:#1a1a1a;min-width:20px}.recipient-key.svelte-1vag8pr{font-family:DM Mono,monospace;font-size:.75rem;color:#666;word-break:break-all;flex:1}.unlock-time.svelte-1vag8pr{font-weight:500;color:#1a1a1a;margin-bottom:.5rem}.privacy-status.svelte-1vag8pr{margin-bottom:2rem}.status-indicator.svelte-1vag8pr{padding:1rem;border-radius:0;border:2px solid;text-align:center}.status-indicator.public.svelte-1vag8pr{background:#f8f8f8;border-color:#1a1a1a;color:#1a1a1a}.status-indicator.private.svelte-1vag8pr{background:#1a1a1a;border-color:#1a1a1a;color:#fafafa}.status-label.svelte-1vag8pr{font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:.25rem}.status-description.svelte-1vag8pr{font-size:.875rem;opacity:.8}.recipients-section.svelte-1vag8pr{margin-top:1.5rem}.recipients-header.svelte-1vag8pr{margin-bottom:1rem}.recipients-header.svelte-1vag8pr h4:where(.svelte-1vag8pr){font-size:1rem;font-weight:600;margin-bottom:.25rem;color:#374151}.recipients-header.svelte-1vag8pr p:where(.svelte-1vag8pr){font-size:.875rem;color:#6b7280;margin:0}.recipient-input-group.svelte-1vag8pr{display:flex;gap:.75rem;margin-bottom:.75rem;align-items:flex-start}.recipient-input-group.svelte-1vag8pr input:where(.svelte-1vag8pr){flex:1;padding:.75rem;border:1px solid #D1D5DB;border-radius:6px;font-size:.875rem;transition:border-color .2s;min-height:44px;box-sizing:border-box}@media (max-width: 767px){.recipient-input-group.svelte-1vag8pr input:where(.svelte-1vag8pr){font-size:16px;padding:1rem;min-height:48px}}.recipient-input-group.svelte-1vag8pr input:where(.svelte-1vag8pr):focus{outline:none;border-color:#1a1a1a;box-shadow:0 0 0 3px #1a1a1a1a}.recipient-input-group.svelte-1vag8pr input.error:where(.svelte-1vag8pr){border-color:#dc2626}.remove-recipient-btn.svelte-1vag8pr{padding:.75rem 1rem;background:#1a1a1a;color:#fafafa;border:none;border-radius:0;font-size:.875rem;cursor:pointer;transition:background-color .2s;white-space:nowrap;font-family:DM Mono,monospace;text-transform:uppercase;letter-spacing:.5px}.remove-recipient-btn.svelte-1vag8pr:hover{background:#333}.add-recipient-btn.svelte-1vag8pr{padding:.75rem 1.5rem;background:#1a1a1a;color:#fafafa;border:none;border-radius:0;font-size:.875rem;cursor:pointer;transition:background-color .2s;margin-top:.5rem;font-family:DM Mono,monospace;text-transform:uppercase;letter-spacing:.5px}.add-recipient-btn.svelte-1vag8pr:hover{background:#333}@media (max-width: 768px){.form-container.svelte-1vag8pr{margin:0;max-width:100%;border-left:none;border-right:none}.form-step.svelte-1vag8pr{padding:1.5rem 1rem;min-height:350px}.form-step.svelte-1vag8pr h3:where(.svelte-1vag8pr){font-size:1.1rem;margin-bottom:1rem}.form-step.svelte-1vag8pr p:where(.svelte-1vag8pr){font-size:.9rem;margin:1rem auto 1.5rem;line-height:1.5}.step-progress.svelte-1vag8pr{padding:1rem 0}.step-indicators.svelte-1vag8pr{gap:1rem;flex-wrap:wrap;justify-content:center}.step-indicator.svelte-1vag8pr{padding:.75rem;min-width:80px;min-height:60px}.step-number.svelte-1vag8pr{width:36px;height:36px;font-size:14px;margin-bottom:.5rem}.step-title.svelte-1vag8pr{font-size:11px;line-height:1.2}.form-navigation.svelte-1vag8pr{padding:1rem;flex-direction:column;gap:.75rem;border-top:2px solid #E5E5E5;position:sticky;bottom:0;background:#fafafa;z-index:10}.nav-button.svelte-1vag8pr{width:100%;min-width:auto;padding:1.25rem 2rem;font-size:14px;min-height:48px}.nav-spacer.svelte-1vag8pr{display:none}.message-content-group.svelte-1vag8pr{padding:1rem}.message-content-group.svelte-1vag8pr textarea:where(.svelte-1vag8pr){height:200px;font-size:16px;padding:1rem}.description-group.svelte-1vag8pr{padding:1rem}.description-group.svelte-1vag8pr input:where(.svelte-1vag8pr){font-size:16px;padding:1rem}.character-counter.svelte-1vag8pr{font-size:.8rem;margin-top:.75rem}.error-text.svelte-1vag8pr,.helper-text.svelte-1vag8pr{font-size:.8rem;padding:.75rem}}@media (min-width: 768px) and (max-width: 991px){.form-container.svelte-1vag8pr{max-width:90%}.form-step.svelte-1vag8pr{padding:2rem 1.5rem}.step-indicators.svelte-1vag8pr{gap:2rem}.form-navigation.svelte-1vag8pr{padding:1.5rem}.nav-button.svelte-1vag8pr{min-width:160px;padding:1rem 2.25rem}}@media (max-width: 480px){.form-step.svelte-1vag8pr{padding:1rem .75rem}.step-indicators.svelte-1vag8pr{gap:.5rem}.step-indicator.svelte-1vag8pr{min-width:70px;padding:.5rem}.step-number.svelte-1vag8pr{width:32px;height:32px;font-size:12px}.step-title.svelte-1vag8pr{font-size:10px}.nav-button.svelte-1vag8pr{padding:1rem 1.5rem;font-size:13px}.form-step.svelte-1vag8pr h3:where(.svelte-1vag8pr){font-size:1rem}.form-step.svelte-1vag8pr p:where(.svelte-1vag8pr){font-size:.85rem}.recipient-input-group.svelte-1vag8pr{flex-direction:column;gap:.5rem}.remove-recipient-btn.svelte-1vag8pr{width:100%;padding:.625rem 1rem}.add-recipient-btn.svelte-1vag8pr{width:100%;padding:.875rem 1.5rem}}.capsule-card.svelte-11hgf2r{background:#fafafa;border:1px solid #E5E5E5;border-radius:0;padding:1.5rem;margin-bottom:0;transition:all .2s ease;position:relative;display:flex;flex-direction:column;height:320px;width:100%;max-width:300px;box-sizing:border-box}@media (min-width: 768px) and (max-width: 991px){.capsule-card.svelte-11hgf2r{max-width:340px;height:340px;padding:1.75rem}}@media (min-width: 992px){.capsule-card.svelte-11hgf2r{max-width:320px;height:360px;padding:2rem}}@media (min-width: 1200px){.capsule-card.svelte-11hgf2r{max-width:350px;height:380px}}.capsule-card.svelte-11hgf2r:hover{border-color:#1a1a1a;transform:translateY(-1px);box-shadow:0 2px 8px #1a1a1a1a}.capsule-header.svelte-11hgf2r{margin-bottom:1rem}.header-row-1.svelte-11hgf2r{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.header-row-2.svelte-11hgf2r{margin-top:.5rem}.capsule-info.svelte-11hgf2r{flex:1}.header-row-3.svelte-11hgf2r{margin-top:.5rem}.capsule-id.svelte-11hgf2r{margin:0 0 .5rem;color:#1a1a1a;font-weight:400;font-size:.9rem;letter-spacing:.025em;text-transform:uppercase;font-family:DM Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.author-info.svelte-11hgf2r{margin:0;color:#666;font-size:.7rem;font-family:DM Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;text-transform:none}.status-badge.svelte-11hgf2r{display:inline-block;color:#fff;padding:.25rem .75rem;border-radius:0;font-size:.7rem;font-weight:400;text-transform:uppercase;letter-spacing:.05em;font-family:DM Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.mode-badge.svelte-11hgf2r{padding:.5rem 1rem;border-radius:0;font-size:.7rem;font-weight:400;white-space:nowrap;background:#f0f0f0;color:#1a1a1a;text-transform:uppercase;letter-spacing:.05em;font-family:DM Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.mode-timelock.svelte-11hgf2r{background:#f0f0f0;color:#1a1a1a}.capsule-content.svelte-11hgf2r p:where(.svelte-11hgf2r){margin:.75rem 0;color:#666;line-height:1.5;font-size:.8rem;font-family:DM Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;word-break:break-word;overflow-wrap:break-word}.capsule-content.svelte-11hgf2r p:where(.svelte-11hgf2r) strong:where(.svelte-11hgf2r){color:#1a1a1a;font-weight:400;text-transform:uppercase;letter-spacing:.025em;font-size:.75rem}.share-available.svelte-11hgf2r{color:#1a1a1a;font-weight:600}.capsule-content.svelte-11hgf2r{flex:1;display:flex;flex-direction:column;overflow:hidden}.capsule-actions.svelte-11hgf2r{margin-top:auto;padding-top:1.5rem;border-top:1px solid #E5E5E5}.unlock-btn.svelte-11hgf2r{background:transparent;color:#1a1a1a;border:1px solid #1A1A1A;padding:.75rem 1.5rem;border-radius:0;font-weight:400;cursor:pointer;transition:all .2s ease;width:100%;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;font-family:DM Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;min-height:44px;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}@media (max-width: 767px){.unlock-btn.svelte-11hgf2r{min-height:48px;padding:1rem 1.5rem;font-size:.85rem}}.unlock-btn.svelte-11hgf2r:hover{background:#1a1a1a;color:#fafafa}.unlock-btn.time-locked-countdown.svelte-11hgf2r{cursor:default}.unlock-btn.time-locked-countdown.svelte-11hgf2r:hover{background:#1a1a1a;color:#fafafa}.unlock-btn.pending-shares.svelte-11hgf2r{background:#f0f0f0;color:#666;border-color:#e5e5e5;cursor:default}.unlock-btn.pending-shares.svelte-11hgf2r:hover{background:#f0f0f0;color:#666;border-color:#e5e5e5}.update-btn.svelte-11hgf2r{background:transparent;color:#666;border:1px solid #E5E5E5;padding:.75rem 1.5rem;border-radius:0;font-weight:400;cursor:pointer;transition:all .2s ease;width:100%;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;font-family:DM Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;margin-bottom:.5rem;min-height:44px;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}@media (max-width: 767px){.update-btn.svelte-11hgf2r{min-height:48px;padding:1rem 1.5rem;font-size:.85rem}}.update-btn.svelte-11hgf2r:hover{background:#f8f8f8;color:#1a1a1a;border-color:#1a1a1a}.unlock-progress.svelte-11hgf2r{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.progress-bar.svelte-11hgf2r{width:100%;height:4px;background:#e5e5e5;border-radius:2px;overflow:hidden}.progress-fill.svelte-11hgf2r{height:100%;background:#10b981;transition:width .3s ease;border-radius:2px}.progress-text.svelte-11hgf2r{font-size:.7rem;color:#666;text-transform:uppercase;letter-spacing:.05em;font-family:DM Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;text-align:center}.loading-spinner.svelte-11hgf2r{width:16px;height:16px;border:2px solid #E5E5E5;border-top:2px solid #666666;border-radius:50%;animation:svelte-11hgf2r-spin 1s linear infinite;margin:0 auto .5rem}@keyframes svelte-11hgf2r-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.unlocking-status.svelte-11hgf2r{background:#f0f0f0;border:1px solid #E5E5E5;padding:1rem;text-align:center;color:#666;display:flex;flex-direction:column;align-items:center}.countdown.svelte-11hgf2r{color:inherit;font-weight:inherit;font-family:inherit;font-size:inherit}.decrypted-content.svelte-11hgf2r{background:#10b9811a;border:1px solid rgba(16,185,129,.3);padding:1rem}.decrypted-content.svelte-11hgf2r h4:where(.svelte-11hgf2r){margin:0 0 .5rem;color:#10b981;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.decrypted-content.svelte-11hgf2r p:where(.svelte-11hgf2r){margin:0;font-weight:400;color:#1a1a1a;word-break:break-word}.partial-unlock.svelte-11hgf2r{background:#dbeafe;border:1px solid #93c5fd;padding:1rem;text-align:center;color:#1e40af}.error-content.svelte-11hgf2r{background:#fef2f2;border:1px solid #fca5a5;padding:1rem}.error-content.svelte-11hgf2r h4:where(.svelte-11hgf2r){margin:0 0 .5rem;color:#dc2626;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.error-content.svelte-11hgf2r p:where(.svelte-11hgf2r){margin:0;color:#dc2626;word-break:break-word}.access-restricted.svelte-11hgf2r{background:#fef3c7;border:1px solid #f59e0b;padding:1rem}.access-restricted.svelte-11hgf2r p:where(.svelte-11hgf2r){margin:0;color:#d97706;word-break:break-word}@media (max-width: 575px){.capsule-card.svelte-11hgf2r{height:auto;min-height:300px;max-width:none;width:100%;padding:1.25rem}.capsule-id.svelte-11hgf2r{font-size:.95rem}.capsule-content.svelte-11hgf2r p:where(.svelte-11hgf2r){font-size:.85rem}.status-badge.svelte-11hgf2r,.mode-badge.svelte-11hgf2r{font-size:.65rem;padding:.375rem .625rem}}@media (max-width: 480px){.capsule-card.svelte-11hgf2r{padding:1rem;min-height:280px}.header-row-1.svelte-11hgf2r{flex-direction:column;align-items:flex-start;gap:.5rem}.mode-badge.svelte-11hgf2r{align-self:flex-end}}@media (min-width: 1400px){.capsule-card.svelte-11hgf2r{max-width:380px;height:400px}}.sr-only.svelte-1qttck2{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.modal-overlay.svelte-1qttck2{position:fixed;top:0;left:0;width:100%;height:100%;background:#1a1a1a80;display:flex;justify-content:center;align-items:center;z-index:1000}.close-btn.svelte-1qttck2:focus,.close-btn-primary.svelte-1qttck2:focus,.copy-icon-btn.svelte-1qttck2:focus{outline:2px solid #1A1A1A;outline-offset:2px}.modal-content.svelte-1qttck2{background:#fafafa;border:1px solid #E5E5E5;border-radius:0;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 4px 20px #1a1a1a4d;font-family:DM Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.modal-header.svelte-1qttck2{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #E5E5E5}.modal-header.svelte-1qttck2 h2:where(.svelte-1qttck2){margin:0;color:#1a1a1a;font-size:1rem;font-weight:400;text-transform:uppercase;letter-spacing:.05em;font-family:DM Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.close-btn.svelte-1qttck2{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:color .2s ease;font-family:DM Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.close-btn.svelte-1qttck2:hover{color:#1a1a1a}.modal-body.svelte-1qttck2{padding:1.5rem}.capsule-info.svelte-1qttck2{margin-bottom:1.5rem;padding:1rem;background-color:#f0f0f0;border:1px solid #E5E5E5;border-radius:0}.capsule-info.svelte-1qttck2 p:where(.svelte-1qttck2){margin:.5rem 0;font-size:.8rem;color:#1a1a1a;font-family:DM Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.capsule-info.svelte-1qttck2 strong:where(.svelte-1qttck2){color:#1a1a1a;font-weight:400;text-transform:uppercase;letter-spacing:.025em;font-size:.75rem}.capsule-info.svelte-1qttck2 code:where(.svelte-1qttck2){background-color:#e5e5e5;padding:.25rem .5rem;border-radius:0;font-family:DM Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.7rem;color:#666}.content-section.svelte-1qttck2 h3:where(.svelte-1qttck2){margin:0 0 1rem;color:#1a1a1a;font-size:.9rem;font-weight:400;text-transform:uppercase;letter-spacing:.05em;font-family:DM Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.content-actions.svelte-1qttck2{display:flex;justify-content:flex-end;margin-top:.5rem}.content-box.svelte-1qttck2{background-color:#f0f0f0;border:1px solid #E5E5E5;border-radius:0;padding:1rem;min-height:100px;max-height:300px;overflow-y:auto}.content-box.svelte-1qttck2 pre:where(.svelte-1qttck2){margin:0;white-space:pre-wrap;word-wrap:break-word;font-family:DM Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.8rem;line-height:1.5;color:#1a1a1a}.copy-icon-btn.svelte-1qttck2{background:none;border:none;padding:.5rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:opacity .2s ease;position:relative;width:32px;height:32px;opacity:1}.copy-icon-btn.svelte-1qttck2:hover{opacity:.7}.copy-icon-btn.svelte-1qttck2:before{content:"";position:absolute;width:10px;height:12px;border:1.5px solid #1A1A1A;border-radius:1px;top:50%;left:50%;transform:translate(-60%,-60%);background:transparent;transition:all .2s ease}.copy-icon-btn.svelte-1qttck2:after{content:"";position:absolute;width:10px;height:12px;border:1.5px solid #1A1A1A;border-radius:1px;top:50%;left:50%;transform:translate(-40%,-40%);background:#fafafa;transition:all .2s ease;z-index:1}.copy-icon-btn.copied.svelte-1qttck2:before{width:6px;height:12px;border:none;border-right:2px solid #1A1A1A;border-bottom:2px solid #1A1A1A;transform:translate(-50%,-60%) rotate(45deg);border-radius:0}.copy-icon-btn.copied.svelte-1qttck2:after{display:none}.modal-footer.svelte-1qttck2{padding:1.5rem;border-top:1px solid #E5E5E5;display:flex;justify-content:flex-end}.close-btn-primary.svelte-1qttck2{background:#1a1a1a;color:#fafafa;border:1px solid #1A1A1A;padding:.75rem 1.5rem;border-radius:0;cursor:pointer;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;font-family:DM Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-weight:400;transition:all .2s ease}.close-btn-primary.svelte-1qttck2:hover{background:transparent;color:#1a1a1a}.notification-toast.svelte-1vwjist{position:fixed;top:1rem;right:1rem;z-index:1000;min-width:320px;max-width:480px;background:#fafafa;border:1px solid #E5E5E5;font-family:DM Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;transform:translate(100%);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.notification-toast.show.svelte-1vwjist{transform:translate(0);opacity:1}.notification-content.svelte-1vwjist{display:flex;align-items:flex-start;gap:.75rem;padding:1rem}.notification-icon.svelte-1vwjist{flex-shrink:0;width:24px;height:24px;margin-top:.125rem}.notification-text.svelte-1vwjist{flex:1;min-width:0}.notification-title.svelte-1vwjist{font-size:.75rem;font-weight:400;color:#1a1a1a;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;line-height:1.2}.notification-message.svelte-1vwjist{font-size:.8rem;color:#666;line-height:1.4;word-wrap:break-word}.notification-code.svelte-1vwjist{font-size:.7rem;color:#999;margin-top:.25rem;font-family:DM Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.notification-actions.svelte-1vwjist{margin-top:.5rem}.actions-title.svelte-1vwjist{font-size:.7rem;color:#666;font-weight:500;margin-bottom:.25rem}.actions-list.svelte-1vwjist{margin:0;padding-left:1rem;font-size:.7rem;color:#666;line-height:1.3}.actions-list.svelte-1vwjist li:where(.svelte-1vwjist){margin-bottom:.125rem}.notification-close.svelte-1vwjist{flex-shrink:0;background:none;border:none;color:#999;cursor:pointer;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;transition:color .2s ease;margin-top:.25rem}.notification-close.svelte-1vwjist:hover{color:#1a1a1a}.notification-progress.svelte-1vwjist{position:absolute;bottom:0;left:0;height:2px;background:currentColor;animation:svelte-1vwjist-progress 5s linear forwards;opacity:.3}@keyframes svelte-1vwjist-progress{0%{width:100%}to{width:0%}}.notification-toast.success.svelte-1vwjist{border-left:4px solid #22C55E}.notification-toast.success.svelte-1vwjist .notification-icon:where(.svelte-1vwjist){color:#22c55e}.notification-toast.success.svelte-1vwjist .notification-progress:where(.svelte-1vwjist){background:#22c55e}.notification-toast.error.svelte-1vwjist{border-left:4px solid #EF4444}.notification-toast.error.svelte-1vwjist .notification-icon:where(.svelte-1vwjist){color:#ef4444}.notification-toast.error.svelte-1vwjist .notification-progress:where(.svelte-1vwjist){background:#ef4444}.notification-toast.warning.svelte-1vwjist{border-left:4px solid #F59E0B}.notification-toast.warning.svelte-1vwjist .notification-icon:where(.svelte-1vwjist){color:#f59e0b}.notification-toast.warning.svelte-1vwjist .notification-progress:where(.svelte-1vwjist){background:#f59e0b}.notification-toast.info.svelte-1vwjist{border-left:4px solid #3B82F6}.notification-toast.info.svelte-1vwjist .notification-icon:where(.svelte-1vwjist){color:#3b82f6}.notification-toast.info.svelte-1vwjist .notification-progress:where(.svelte-1vwjist){background:#3b82f6}@media (max-width: 640px){.notification-toast.svelte-1vwjist{top:1rem;right:1rem;left:1rem;min-width:unset;max-width:unset}}.notification-container.svelte-1xmu4n6{position:fixed;bottom:0;left:0;z-index:1000;display:flex;flex-direction:column-reverse;gap:.5rem;padding:1rem;pointer-events:none}.notification-container.svelte-1xmu4n6 .notification-toast{pointer-events:auto}.notification-container.svelte-1xmu4n6 .notification-toast:nth-child(n+2){margin-bottom:-.25rem}@media (max-width: 640px){.notification-container.svelte-1xmu4n6{padding:.5rem;left:0;right:0}}:root{--font-mono: "DM Mono", "SF Mono", Monaco, "Inconsolata", "Roboto Mono", monospace;--color-bg: #FAFAFA;--color-text: #1A1A1A;--color-text-muted: #666666;--color-border: #E5E5E5}body{margin:0;font-family:var(--font-mono);background:var(--color-bg);color:var(--color-text);min-height:100vh;line-height:1.6;font-weight:400;font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}@media (max-width: 767px){body{font-size:13px}}@media (max-width: 480px){body{font-size:12px}}@media (min-width: 1200px){body{font-size:15px}}html{background:var(--color-bg)}.sr-only.svelte-18r6lgv{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.nav-btn.svelte-18r6lgv:focus{outline:none}.login-btn.svelte-18r6lgv:focus,.logout-btn.svelte-18r6lgv:focus,.cta-btn.svelte-18r6lgv:focus{outline:2px solid #1A1A1A;outline-offset:2px}.app.svelte-18r6lgv{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg)}.container.svelte-18r6lgv{max-width:1200px;margin:0 auto;padding:0 1rem}@media (min-width: 576px){.container.svelte-18r6lgv{padding:0 1.25rem}}@media (min-width: 768px){.container.svelte-18r6lgv{padding:0 1.5rem}}@media (min-width: 992px){.container.svelte-18r6lgv{padding:0 2rem}}@media (min-width: 1200px){.container.svelte-18r6lgv{padding:0 2.5rem}}.header.svelte-18r6lgv{background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:.75rem 0;position:sticky;top:0;z-index:100;backdrop-filter:blur(8px);background:#fafafaf2}.header.svelte-18r6lgv .container:where(.svelte-18r6lgv){display:flex;align-items:center;position:relative;z-index:1;min-height:60px}@media (max-width: 767px){.header.svelte-18r6lgv{padding:.5rem 0}.header.svelte-18r6lgv .container:where(.svelte-18r6lgv){min-height:56px;flex-wrap:wrap;justify-content:space-between}}.logo-section.svelte-18r6lgv{display:flex;align-items:center;gap:.75rem;position:absolute;left:0;flex-shrink:0}.logo-img.svelte-18r6lgv{height:24px;width:auto}.logo-divider.svelte-18r6lgv{color:var(--color-text-muted);font-size:1rem;margin:0 .25rem}.logo.svelte-18r6lgv{margin:0;font-size:.7rem;font-weight:400;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text);white-space:nowrap}@media (max-width: 767px){.logo-section.svelte-18r6lgv{position:static;gap:.5rem;order:1}.logo-img.svelte-18r6lgv{height:20px}.logo.svelte-18r6lgv{font-size:.65rem}.logo-divider.svelte-18r6lgv{display:none}}@media (max-width: 480px){.logo-section.svelte-18r6lgv{gap:.25rem}.logo.svelte-18r6lgv{font-size:.6rem}}.nav.svelte-18r6lgv{display:flex;gap:.5rem;align-items:center;justify-content:center;width:100%}@media (max-width: 767px){.nav.svelte-18r6lgv{order:3;width:100%;justify-content:center;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--color-border);gap:1rem}}@media (max-width: 480px){.nav.svelte-18r6lgv{gap:.75rem}}.nav-btn.svelte-18r6lgv{background:transparent;border:none;color:var(--color-text-muted);padding:.5rem .75rem;cursor:pointer;transition:all .2s ease;font-weight:400;font-size:.8rem;text-transform:lowercase;letter-spacing:.025em;margin-right:1.5rem;font-family:var(--font-mono);position:relative;min-height:44px;display:flex;align-items:center;justify-content:center}@media (max-width: 767px){.nav-btn.svelte-18r6lgv{margin-right:0;padding:.75rem 1rem;min-height:48px;border-radius:4px;border:1px solid transparent;color:#666!important}.nav-btn.svelte-18r6lgv:hover:not(:disabled){background:#e5e5e5!important;border-color:#666;color:#1a1a1a!important}.nav-btn.active.svelte-18r6lgv{background:#1a1a1a!important;color:#fafafa!important;border-color:#1a1a1a;font-weight:500}.nav-btn.active.svelte-18r6lgv:after{display:none}}.nav-btn.svelte-18r6lgv:hover:not(:disabled){color:var(--color-text)}.nav-btn.active.svelte-18r6lgv{color:var(--color-text);font-weight:400}.nav-btn.active.svelte-18r6lgv:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:1px;background:var(--color-text)}.nav-btn.svelte-18r6lgv:disabled{opacity:.5;cursor:not-allowed}.auth-section.svelte-18r6lgv{display:flex;align-items:center;gap:2rem;color:var(--color-text);font-weight:400;font-size:.8rem;position:absolute;right:0;flex-shrink:0}@media (max-width: 767px){.auth-section.svelte-18r6lgv{position:static;order:2;gap:1rem}}.user-info.svelte-18r6lgv{display:flex;align-items:center;gap:.75rem;color:var(--color-text);flex-wrap:wrap}@media (max-width: 767px){.user-info.svelte-18r6lgv{gap:.5rem;flex-direction:column;align-items:flex-end}}@media (max-width: 480px){.user-info.svelte-18r6lgv{align-items:center;text-align:center}}.connection-status.svelte-18r6lgv{display:flex;align-items:center;gap:.375rem}.connection-text.svelte-18r6lgv{font-size:.7rem;color:var(--color-text-muted)}.user-key.svelte-18r6lgv{font-family:var(--font-mono);font-size:.7rem;color:var(--color-text-muted);background:#f0f0f0;padding:.25rem .5rem;border-radius:2px;letter-spacing:.025em}.connection-dot.svelte-18r6lgv{width:8px;height:8px;border-radius:50%;background-color:#dc2626;transition:background-color .2s ease;flex-shrink:0}.connection-dot.connected.svelte-18r6lgv{background-color:#16a34a}.login-btn.svelte-18r6lgv,.logout-btn.svelte-18r6lgv{background:transparent;color:var(--color-text);border:none;padding:.5rem 0;cursor:pointer;font-weight:400;transition:all .2s ease;font-size:.8rem;text-decoration:underline;letter-spacing:.025em;font-family:var(--font-mono);min-height:44px;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}@media (max-width: 767px){.login-btn.svelte-18r6lgv,.logout-btn.svelte-18r6lgv{min-height:48px;padding:.75rem 1rem;border:1px solid #E5E5E5;border-radius:4px;text-decoration:none;background:#1a1a1a!important;color:#fafafa!important;font-weight:500}.login-btn.svelte-18r6lgv:hover,.logout-btn.svelte-18r6lgv:hover{background:#333!important;color:#fafafa!important;border-color:#666}}.logout-btn.svelte-18r6lgv{color:var(--color-text);text-decoration:none;margin-left:1rem}.logout-btn.svelte-18r6lgv:hover{color:var(--color-text-muted);text-decoration:underline}.main.svelte-18r6lgv{flex:1;padding:2rem 0;background:var(--color-bg);color:var(--color-text);min-height:calc(100vh - 200px)}@media (max-width: 767px){.main.svelte-18r6lgv{padding:1.5rem 0;min-height:calc(100vh - 160px)}}@media (max-width: 480px){.main.svelte-18r6lgv{padding:1rem 0}}.hero.svelte-18r6lgv{text-align:center;padding:3rem 0;max-width:600px;margin:0 auto}@media (max-width: 767px){.hero.svelte-18r6lgv{padding:2rem 0;max-width:100%}}@media (max-width: 480px){.hero.svelte-18r6lgv{padding:1.5rem 0}}.hero.svelte-18r6lgv h2:where(.svelte-18r6lgv){font-size:1.5rem;margin:0 0 1rem;color:#1a1a1a;font-weight:400;letter-spacing:.025em;line-height:1.3;text-transform:uppercase}@media (max-width: 767px){.hero.svelte-18r6lgv h2:where(.svelte-18r6lgv){font-size:1.25rem;line-height:1.2}}@media (max-width: 480px){.hero.svelte-18r6lgv h2:where(.svelte-18r6lgv){font-size:1.1rem;letter-spacing:.02em}}.hero.svelte-18r6lgv p:where(.svelte-18r6lgv){font-size:.9rem;color:#666;margin:0 0 2rem;line-height:1.5;max-width:400px;margin-left:auto;margin-right:auto;font-weight:400}.cta-group.svelte-18r6lgv{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media (max-width: 767px){.cta-group.svelte-18r6lgv{flex-direction:column;align-items:center;gap:.75rem;width:100%}}.cta-btn.svelte-18r6lgv{border-radius:0;font-size:.8rem;font-weight:400;cursor:pointer;transition:all .2s ease;letter-spacing:.05em;text-transform:uppercase;font-family:DM Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;padding:.875rem 1.75rem;border:1px solid;text-decoration:none;display:inline-block;min-height:44px;box-sizing:border-box}@media (max-width: 767px){.cta-btn.svelte-18r6lgv{width:100%;max-width:280px;padding:1rem 2rem;min-height:48px;display:flex;align-items:center;justify-content:center}}.cta-btn.primary.svelte-18r6lgv{background:#1a1a1a;color:#fafafa;border-color:#1a1a1a}.cta-btn.primary.svelte-18r6lgv:hover{background:transparent;color:#1a1a1a}.cta-btn.secondary.svelte-18r6lgv{background:transparent;color:#1a1a1a;border-color:#e5e5e5}.cta-btn.secondary.svelte-18r6lgv:hover{border-color:#1a1a1a;background:#f8f8f8}.stats-section.svelte-18r6lgv{margin-top:3rem;padding:0 1rem}.stats-header.svelte-18r6lgv{text-align:center;margin-bottom:2rem;position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem}.stats-header.svelte-18r6lgv h3:where(.svelte-18r6lgv){font-size:1rem;font-weight:400;text-transform:uppercase;letter-spacing:.05em;color:#1a1a1a;margin:0;font-family:DM Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.stats-grid.svelte-18r6lgv{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;max-width:600px;margin:0 auto}@media (max-width: 767px){.stats-grid.svelte-18r6lgv{grid-template-columns:1fr;gap:1rem;max-width:300px}}@media (min-width: 768px) and (max-width: 991px){.stats-grid.svelte-18r6lgv{grid-template-columns:repeat(3,1fr);gap:1.25rem}}.stat-card.svelte-18r6lgv{background:#fafafa;padding:1.5rem 1rem;border-radius:0;text-align:center;border:1px solid #E5E5E5;transition:all .2s ease;position:relative}.stat-card.svelte-18r6lgv:hover{border-color:#1a1a1a;transform:translateY(-1px)}.stat-value.svelte-18r6lgv{font-size:2rem;font-weight:400;color:#1a1a1a;margin-bottom:.5rem;line-height:1;font-family:DM Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.stat-label.svelte-18r6lgv{color:#666;font-weight:400;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;font-family:DM Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.home-section.svelte-18r6lgv,.capsules-section.svelte-18r6lgv{padding:0 1rem}.capsules-header.svelte-18r6lgv{text-align:center;margin-bottom:2rem;padding:2rem 0}.capsules-section.svelte-18r6lgv h2:where(.svelte-18r6lgv),.capsules-header.svelte-18r6lgv h2:where(.svelte-18r6lgv){margin:0 0 1rem;color:#1a1a1a;font-size:1.1rem;text-align:center;font-weight:400;letter-spacing:.05em;text-transform:uppercase;font-family:DM Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.capsules-header.svelte-18r6lgv p:where(.svelte-18r6lgv){font-size:.9rem;color:#666;max-width:500px;margin:0 auto;line-height:1.6}.empty-state.svelte-18r6lgv{text-align:center;padding:4rem 2rem;color:#666;background:#fafafa;border-radius:0;border:1px solid #E5E5E5;margin:2rem 1rem;max-width:400px;margin-left:auto;margin-right:auto}.empty-icon.svelte-18r6lgv{font-size:3rem;color:#e5e5e5;margin-bottom:1rem;font-family:DM Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.empty-state.svelte-18r6lgv h3:where(.svelte-18r6lgv){font-size:1rem;color:#1a1a1a;margin:0 0 .5rem;font-weight:400;text-transform:uppercase;letter-spacing:.05em;font-family:DM Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.empty-state.svelte-18r6lgv p:where(.svelte-18r6lgv){font-size:.8rem;color:#666;margin:0 0 1.5rem;line-height:1.5}.link-btn.svelte-18r6lgv{background:transparent;border:1px solid #E5E5E5;color:#1a1a1a;cursor:pointer;padding:.75rem 1.5rem;font-weight:400;transition:all .2s ease;font-size:.8rem;letter-spacing:.025em;text-transform:uppercase;border-radius:0;font-family:DM Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.link-btn.svelte-18r6lgv:hover{border-color:#1a1a1a;background:#f8f8f8}.capsules-grid.svelte-18r6lgv{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:0 1rem;margin-top:2rem;justify-items:center;align-items:start}.capsules-grid.svelte-18r6lgv:has(.empty-state:where(.svelte-18r6lgv)){display:flex;justify-content:center;align-items:center;min-height:300px}@media (max-width: 575px){.capsules-grid.svelte-18r6lgv{grid-template-columns:1fr;padding:0 .5rem;gap:1rem}}@media (min-width: 576px) and (max-width: 767px){.capsules-grid.svelte-18r6lgv{grid-template-columns:1fr;padding:0 1rem;gap:1.5rem}}@media (min-width: 768px) and (max-width: 991px){.capsules-grid.svelte-18r6lgv{grid-template-columns:repeat(2,1fr);padding:0 1.5rem;gap:1.75rem}}@media (min-width: 992px){.capsules-grid.svelte-18r6lgv{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));padding:0 2rem;gap:2rem}}@media (min-width: 1400px){.capsules-grid.svelte-18r6lgv{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem}}.create-section.svelte-18r6lgv{max-width:800px;margin:0 auto;padding:0 1rem}.create-header.svelte-18r6lgv{text-align:center;margin-bottom:3rem;padding:2rem 0}.create-header.svelte-18r6lgv h2:where(.svelte-18r6lgv){font-size:1.5rem;font-weight:400;color:#1a1a1a;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.05em;font-family:DM Mono,SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.create-header.svelte-18r6lgv p:where(.svelte-18r6lgv){font-size:.9rem;color:#666;max-width:500px;margin:0 auto;line-height:1.6}.create-content.svelte-18r6lgv{position:relative}.footer.svelte-18r6lgv{background:#fafafa;border-top:1px solid #E5E5E5;padding:2rem 0;margin-top:4rem}.footer.svelte-18r6lgv p:where(.svelte-18r6lgv){margin:0;text-align:center;color:#666;font-size:.9rem}