.password-guard-loading{background-color:var(--color-background,#fefae0);justify-content:center;align-items:center;min-height:100vh;display:flex}
.open-cookie-button{color:#fff;padding:var(--spacing-md);cursor:pointer;z-index:30;background-color:#2563eb;border:none;border-radius:50%;transition:all .2s;position:fixed;bottom:24px;left:24px;box-shadow:0 10px 15px -3px #0000001a}.open-cookie-button:hover{background-color:#1d4ed8;transform:scale(1.1)}.cookie-icon{width:24px;height:24px;display:block}.cookie-modal-overlay{z-index:var(--z-popover);background-color:#00000080;position:fixed;inset:0}.cookie-modal-container{z-index:var(--z-toast);padding:var(--spacing-md);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cookie-modal-content{border-radius:var(--radius-md);width:100%;max-width:672px;padding:var(--spacing-xl);background:#fff;max-height:90vh;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.cookie-modal-content.cookie-privacy-policy-view{max-width:900px}.cookie-close-button{color:#9ca3af;cursor:pointer;padding:var(--spacing-xs);z-index:10;background:0 0;border:none;transition:color .2s;position:absolute;top:16px;right:16px}.cookie-close-button:hover{color:#4b5563}.cookie-close-icon{width:24px;height:24px;display:block}.cookie-modal-inner{text-align:center;flex-direction:column;align-items:center;display:flex}.cookie-modal-icon-container{margin-bottom:var(--spacing-md)}.cookie-modal-icon{color:#2563eb;width:64px;height:64px}.cookie-modal-title{color:#111827;margin-bottom:12px;font-size:1.5rem;font-weight:700}.cookie-modal-text{color:#4b5563;margin-bottom:var(--spacing-lg);max-width:512px}.cookie-button-group{flex-direction:column;gap:12px;width:100%;display:flex}.cookie-button{padding:12px var(--spacing-xl);border-radius:var(--radius-md);cursor:pointer;border:none;font-size:16px;font-weight:500;transition:all .2s}.cookie-button-decline{color:#374151;background-color:#f3f4f6}.cookie-button-decline:hover{background-color:#e5e7eb}.cookie-button-accept{color:#fff;background-color:#2563eb;box-shadow:0 10px 15px -3px #0000001a}.cookie-button-accept:hover{background-color:#1d4ed8}.cookie-privacy-link-container{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid #e5e7eb;width:100%}.cookie-privacy-link{color:#2563eb;font-size:.875rem;text-decoration:none}.cookie-privacy-link:hover{color:#1d4ed8;text-decoration:underline}.cookie-privacy-policy-content{text-align:left;color:#374151;line-height:1.6}.cookie-back-button{align-items:center;gap:var(--spacing-sm);color:#2563eb;cursor:pointer;padding:var(--spacing-sm) 0;margin-bottom:var(--spacing-lg);background:0 0;border:none;font-size:.875rem;font-weight:500;transition:color .2s;display:inline-flex}.cookie-back-button:hover{color:#1d4ed8}.cookie-back-icon{width:20px;height:20px}.cookie-privacy-title{color:#111827;margin-bottom:var(--spacing-md);font-size:2rem;font-weight:700}.cookie-privacy-meta{color:#6b7280;margin-bottom:var(--spacing-sm);font-size:.875rem}.cookie-privacy-intro{margin-bottom:var(--spacing-md);color:#4b5563}.cookie-privacy-section{margin-bottom:var(--spacing-xl)}.cookie-privacy-section h2{color:#111827;margin-bottom:12px;margin-top:var(--spacing-lg);font-size:1.25rem;font-weight:600}.cookie-privacy-section ul{margin-bottom:12px;margin-left:20px}.cookie-privacy-section li{margin-bottom:var(--spacing-sm);color:#4b5563}.cookie-privacy-section ul ul{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.cookie-privacy-section p{color:#4b5563;margin-bottom:12px}@media (max-width:900px){.open-cookie-button{display:none}}@media (min-width:640px){.cookie-button-group{flex-direction:row;width:auto}.cookie-modal-content{padding:var(--spacing-xxl)}}.cookie-modal-content::-webkit-scrollbar{width:8px}.cookie-modal-content::-webkit-scrollbar-track{border-radius:var(--radius-sm);background:#f3f4f6}.cookie-modal-content::-webkit-scrollbar-thumb{border-radius:var(--radius-sm);background:#d1d5db}.cookie-modal-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.cookie-modal-icon.shake{animation:.1s ease-in-out shake}@keyframes shake{33%{transform:rotate(-4deg)}66%{transform:rotate(4deg)}to{transform:rotate(0)}}
.feedback-trigger{z-index:var(--z-header);align-items:center;gap:var(--spacing-xs);color:var(--color-accent);background:var(--color-primary);border-radius:var(--radius-m) var(--radius-m) 0 0;cursor:pointer;border:none;padding:6px 12px 10px;font-size:12px;font-weight:700;transition:transform .12s,background-color .15s,box-shadow .15s;display:inline-flex;position:fixed;bottom:-4px;right:32px;box-shadow:0 0 0 1px #1b15350f,0 -6px 16px -6px #1b153559}.feedback-trigger:hover{background:var(--color-primary-dark);transform:translateY(-4px);box-shadow:0 0 0 1px #1b153514,0 -12px 26px -6px #1b153566}.feedback-trigger:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 45%, transparent);outline:none}.feedback-modal-overlay{z-index:var(--z-modal);background-color:#1b153573;justify-content:center;align-items:center;padding:16px;animation:.2s feedbackFadeIn;display:flex;position:fixed;inset:0}@keyframes feedbackFadeIn{0%{opacity:0}to{opacity:1}}@keyframes feedbackSlideIn{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.feedback-modal{background:var(--color-surface);border-radius:14px;flex-direction:column;width:100%;max-width:460px;max-height:min(88vh,680px);animation:.25s cubic-bezier(.22,1,.36,1) feedbackSlideIn;display:flex;overflow:hidden;box-shadow:0 0 0 1px #1b153514,0 20px 60px -12px #1b15354d}.feedback-modal-header{border-bottom:1px solid var(--color-border);background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 20px 16px;display:flex}.feedback-modal-title{color:var(--color-accent);margin:0;font-size:16px;font-weight:700}.feedback-modal-close{border-radius:var(--radius-md);width:30px;height:30px;color:var(--color-text-light);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:background-color .15s,color .15s;display:flex}.feedback-modal-close:hover{background-color:var(--color-background);color:var(--color-accent)}.feedback-modal-content{flex:auto;min-height:0;padding:18px 20px;overflow-y:auto}.feedback-intro{color:var(--color-text-light);margin:0 0 14px;font-size:13px;line-height:1.45}.feedback-field{margin-bottom:14px}.feedback-field-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent);margin-bottom:6px;font-size:12px;font-weight:700;display:block}.feedback-category{gap:8px;display:flex}.feedback-category-option{color:var(--color-text-light);border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;background:#fff;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 12px;font-size:14px;font-weight:600;transition:border-color .15s,color .15s,background-color .15s;display:inline-flex}.feedback-category-option:hover{border-color:var(--color-primary);color:var(--color-accent)}.feedback-category-option.active{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 18%, white);color:var(--color-accent)}.feedback-input{box-sizing:border-box;width:100%;color:var(--color-text);border:1.5px solid var(--color-border);border-radius:var(--radius-md);resize:vertical;background:#fff;min-height:76px;padding:10px 12px;font-family:Inter,system-ui,sans-serif;font-size:14px;transition:border-color .15s,box-shadow .15s}.feedback-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 25%, transparent);outline:none}.feedback-screenshot-input{display:none}.feedback-screenshot-empty{border:1.5px dashed var(--color-border);border-radius:var(--radius-md);background:#fff;flex-direction:column;gap:8px;padding:12px;display:flex}.feedback-screenshot-capture{color:var(--color-accent);background:var(--color-background);border-radius:var(--radius-md);cursor:pointer;border:1.5px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:14px 12px;transition:border-color .15s,background-color .15s;display:flex}.feedback-screenshot-capture:hover{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 12%, white)}.feedback-screenshot-capture-label{font-size:14px;font-weight:700}.feedback-screenshot-capture-hint{color:var(--color-text-light);text-align:center;font-size:12px;font-weight:500;line-height:1.4}.feedback-screenshot-upload{width:100%;color:var(--color-text-light);border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:6px;padding:9px 12px;font-size:13px;font-weight:600;transition:border-color .15s,color .15s,background-color .15s;display:inline-flex}.feedback-screenshot-upload:hover{border-color:var(--color-primary);color:var(--color-accent);background:color-mix(in srgb, var(--color-primary) 8%, white)}.feedback-screenshot-preview{border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:#fff;align-items:center;gap:12px;padding:10px;display:flex}.feedback-screenshot-thumb{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--color-border);flex-shrink:0;width:56px;height:44px}.feedback-screenshot-name{color:var(--color-accent);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;font-weight:600;overflow:hidden}.feedback-screenshot-remove{width:32px;height:32px;color:var(--color-text-light);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:inline-flex}.feedback-screenshot-remove:hover{background:color-mix(in srgb, var(--color-danger) 12%, white);color:var(--color-danger)}.feedback-snip{z-index:var(--z-toast);cursor:crosshair;-webkit-user-select:none;user-select:none;position:fixed;inset:0}.feedback-snip-backdrop{background:#1b153559;position:absolute;inset:0}.feedback-snip-instruction{z-index:1;color:#fff;border-radius:var(--radius-full);pointer-events:none;white-space:nowrap;background:#1b1535d9;align-items:center;gap:14px;padding:8px 10px 8px 18px;font-size:13px;font-weight:600;display:flex;position:absolute;top:24px;left:50%;transform:translate(-50%)}.feedback-snip-actions{pointer-events:auto;gap:8px;display:flex}.feedback-snip-selection{border:2px solid var(--color-primary);cursor:default;position:absolute;box-shadow:0 0 0 100vmax #1b153573}.feedback-snip-size{color:var(--color-accent);background:var(--color-primary);border-radius:var(--radius-sm);white-space:nowrap;padding:2px 8px;font-size:12px;font-weight:700;position:absolute;top:-26px;left:0}.feedback-snip-btn{border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:700;transition:background-color .15s,color .15s;display:inline-flex}.feedback-snip-btn.confirm{background:var(--color-primary);color:var(--color-accent)}.feedback-snip-btn.confirm:hover{background:var(--color-primary-dark)}.feedback-snip-btn.icon{padding:7px}.feedback-snip-btn.cancel{background:var(--color-background);color:var(--color-text-light)}.feedback-snip-btn.cancel:hover{color:var(--color-accent)}.feedback-context{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);overflow:hidden}.feedback-context-toggle{width:100%;color:var(--color-accent);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.feedback-context-chevron{color:var(--color-text-light);transition:transform .2s}.feedback-context.expanded .feedback-context-chevron{transform:rotate(180deg)}.feedback-context-body{margin:0;padding:0 12px 10px;list-style:none}.feedback-context-row{border-top:1px solid var(--color-border);align-items:center;gap:8px;padding:7px 0;font-size:13px;display:flex}.feedback-context-icon{color:var(--color-text-light);flex-shrink:0;display:inline-flex}.feedback-context-label{color:var(--color-text-light);flex-shrink:0}.feedback-context-value{color:var(--color-accent);text-align:right;overflow-wrap:anywhere;margin-left:auto;font-weight:600}.feedback-success{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:20px 8px 12px;display:flex}.feedback-success-icon{width:64px;height:64px;color:var(--color-success);background:color-mix(in srgb, var(--color-success) 14%, white);border-radius:var(--radius-full);justify-content:center;align-items:center;display:inline-flex}.feedback-success-title{color:var(--color-accent);margin:0;font-size:17px;font-weight:700}.feedback-success-message{max-width:320px;color:var(--color-text-light);margin:0;font-size:13px;line-height:1.5}.feedback-modal-actions{border-top:1px solid var(--color-border);background:#fff;flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;padding:14px 20px;display:flex}.feedback-modal-button{justify-content:center;align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-full);cursor:pointer;border:none;padding:8px 20px;font-size:14px;font-weight:700;transition:background-color .15s,transform .1s;display:inline-flex}.feedback-modal-button.primary{background:var(--color-primary);color:var(--color-accent)}.feedback-modal-button.primary:hover:not(:disabled){background:var(--color-primary-dark)}.feedback-modal-button:disabled{opacity:.5;cursor:not-allowed}.feedback-modal-actions .button.secondary{border:1.5px solid var(--color-border);color:var(--color-text-light);border-radius:var(--radius-full);cursor:pointer;background:0 0;padding:7px 16px;font-size:14px;font-weight:600;transition:border-color .15s,color .15s}.feedback-modal-actions .button.secondary:hover:not(:disabled){border-color:var(--color-text-light);color:var(--color-accent)}@media (max-width:480px){.feedback-trigger-label{display:none}.feedback-trigger{padding:8px 8px 12px;right:16px}.feedback-modal-actions{flex-direction:column-reverse}.feedback-modal-actions button{justify-content:center;width:100%}}
