.feedback-tab{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:9990;display:flex;align-items:center;gap:.375rem;padding:.625rem .5rem;background:linear-gradient(180deg,hsl(var(--coastal-deep)),hsl(var(--coastal-ocean)),hsl(var(--coastal-sky)));color:#fff;border:none;border-radius:.75rem 0 0 .75rem;cursor:pointer;writing-mode:vertical-rl;text-orientation:mixed;font-family:var(--font-heading, "Plus Jakarta Sans", system-ui, sans-serif);font-weight:600;font-size:.8125rem;letter-spacing:.03em;transition:transform .2s ease,box-shadow .2s ease;box-shadow:-2px 0 8px hsl(var(--coastal-slate) / .15)}.feedback-tab:hover{transform:translateY(-50%) translate(-4px);box-shadow:-4px 0 16px hsl(var(--coastal-ocean) / .3)}.feedback-tab:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.feedback-tab-icon{width:1.125rem;height:1.125rem;flex-shrink:0}.feedback-tab-text{white-space:nowrap}@media(max-width:767px){.feedback-tab{writing-mode:horizontal-tb;padding:.625rem;border-radius:.75rem 0 0 .75rem;top:45%}.feedback-tab-text{display:none}.feedback-tab-icon{width:1.25rem;height:1.25rem}}.feedback-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:1rem}.feedback-overlay.hidden{display:none}.feedback-backdrop{position:absolute;inset:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.feedback-card{position:relative;background-color:hsl(var(--card));color:hsl(var(--card-foreground));border-radius:1rem;max-width:32rem;width:100%;max-height:90vh;overflow-y:auto;overflow-x:hidden;padding:1.5rem;padding-top:0;box-shadow:0 4px 6px hsl(var(--coastal-slate) / .05),0 10px 25px hsl(var(--coastal-slate) / .12);animation:feedback-slide-up .35s ease-out}.feedback-card>.coastal-bar{margin:0 -1.5rem;width:calc(100% + 3rem);border-radius:1rem 1rem 0 0}.dark .feedback-card{box-shadow:0 4px 6px #00000040,0 10px 25px #00000059}@keyframes feedback-slide-up{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.feedback-close{position:absolute;top:.75rem;right:.75rem;background:none;border:none;cursor:pointer;color:hsl(var(--muted-foreground));padding:.25rem;border-radius:.375rem;transition:color .15s,background-color .15s;z-index:1}.feedback-close:hover{color:hsl(var(--foreground));background-color:hsl(var(--muted))}.feedback-close:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.feedback-step{animation:feedback-step-in .3s ease-out;padding-top:1rem}.feedback-step.hidden{display:none}@keyframes feedback-step-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.feedback-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;margin-top:.5rem}.feedback-header-icon{width:2rem;height:2rem;flex-shrink:0;color:hsl(var(--coastal-ocean))}.feedback-title{font-family:var(--font-heading, "Plus Jakarta Sans", system-ui, sans-serif);font-size:1.25rem;font-weight:700;line-height:1.3;margin:0}.feedback-subtitle{font-size:.8125rem;color:hsl(var(--muted-foreground));margin:.125rem 0 0}.sparkle-anim{animation:sparkle-twinkle 2s ease-in-out infinite}.sparkle-delay-1{animation-delay:.5s}.sparkle-delay-2{animation-delay:1s}@keyframes sparkle-twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.feedback-label{display:block;font-size:.8125rem;font-weight:600;color:hsl(var(--foreground));margin-bottom:.375rem}.feedback-field{margin-bottom:1rem}.feedback-input,.feedback-textarea{width:100%;border:1px solid hsl(var(--input));border-radius:.5rem;background-color:hsl(var(--background));color:hsl(var(--foreground));padding:.5rem .75rem;font-size:.875rem;line-height:1.5;transition:border-color .15s,box-shadow .15s;font-family:inherit}.feedback-input:focus,.feedback-textarea:focus{outline:none;border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsl(var(--ring) / .2)}.feedback-textarea{resize:vertical;min-height:5rem}.feedback-char-count{text-align:right;font-size:.75rem;color:hsl(var(--muted-foreground));margin-top:.25rem}.feedback-textarea-footer{display:flex;align-items:center;justify-content:space-between;margin-top:.375rem;min-height:1.5rem}.feedback-detected-tags{display:flex;gap:.375rem;flex-wrap:wrap}.feedback-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:9999px;font-size:.6875rem;font-weight:600;letter-spacing:.02em;animation:feedback-tag-in .25s ease-out;transition:opacity .2s}.feedback-tag svg{width:.75rem;height:.75rem}@keyframes feedback-tag-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.feedback-tag[data-tag=idea]{color:hsl(var(--coastal-amber));background-color:hsl(var(--coastal-amber) / .12)}.feedback-tag[data-tag=bug]{color:hsl(var(--brand-red));background-color:hsl(var(--brand-red) / .12)}.feedback-tag[data-tag=feedback]{color:hsl(var(--coastal-ocean));background-color:hsl(var(--coastal-ocean) / .12)}.feedback-tag[data-tag=inaccuracy]{color:hsl(var(--brand-orange));background-color:hsl(var(--brand-orange) / .12)}.feedback-screenshot-actions{display:flex;gap:.5rem}.feedback-btn-capture{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border:1.5px solid hsl(var(--border));border-radius:.5rem;background:transparent;color:hsl(var(--muted-foreground));font-size:.8125rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:border-color .15s,background-color .15s,color .15s}.feedback-btn-capture:hover{border-color:hsl(var(--coastal-ocean));color:hsl(var(--foreground));background-color:hsl(var(--coastal-ocean) / .04)}.feedback-btn-capture:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.feedback-btn-capture.capturing{pointer-events:none;opacity:.7}.feedback-dropzone{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border:1.5px dashed hsl(var(--border));border-radius:.5rem;cursor:pointer;transition:border-color .15s,background-color .15s;flex:1;min-width:0}.feedback-dropzone:hover,.feedback-dropzone.drag-over{border-color:hsl(var(--coastal-ocean));background-color:hsl(var(--coastal-ocean) / .04)}.feedback-dropzone:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.feedback-dropzone-icon{width:1rem;height:1rem;flex-shrink:0;color:hsl(var(--muted-foreground))}.feedback-dropzone-text{font-size:.8125rem;color:hsl(var(--muted-foreground));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feedback-image-preview{display:flex;align-items:center;gap:.75rem;padding:.5rem;border:1px solid hsl(var(--border));border-radius:.5rem;margin-top:.5rem;background-color:hsl(var(--muted) / .3)}.feedback-image-preview.hidden{display:none}.feedback-image-preview img{width:3rem;height:3rem;object-fit:cover;border-radius:.375rem}.feedback-image-info{flex:1;display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.75rem;color:hsl(var(--muted-foreground));min-width:0}.feedback-image-info span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feedback-image-remove{flex-shrink:0;background:none;border:none;cursor:pointer;color:hsl(var(--muted-foreground));padding:.25rem;border-radius:.25rem;transition:color .15s}.feedback-image-remove:hover{color:hsl(var(--brand-red))}.feedback-step1-actions{display:flex;gap:.5rem}.feedback-btn-quick{flex-shrink:0;white-space:nowrap}.feedback-btn-quick:disabled{opacity:.5;cursor:not-allowed}.feedback-btn-quick.loading{pointer-events:none;opacity:.7}.feedback-dev-link{text-align:center;margin-top:.75rem}.feedback-dev-link a{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;color:hsl(var(--muted-foreground));text-decoration:none;transition:color .15s}.feedback-dev-link a:hover{color:hsl(var(--coastal-ocean))}.feedback-btn-primary{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,hsl(var(--coastal-deep)),hsl(var(--coastal-ocean)),hsl(var(--coastal-sky)));color:#fff;border:none;border-radius:.625rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:opacity .15s,transform .15s}.feedback-btn-primary:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.feedback-btn-primary:disabled{opacity:.5;cursor:not-allowed}.feedback-btn-primary:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.feedback-btn-primary.loading{pointer-events:none;background-size:200% auto;animation:coastal-shimmer 2s linear infinite}.feedback-btn-secondary{padding:.625rem 1.25rem;background:transparent;color:hsl(var(--foreground));border:1.5px solid hsl(var(--border));border-radius:.625rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s,border-color .15s}.feedback-btn-secondary:hover{background-color:hsl(var(--muted) / .5);border-color:hsl(var(--muted-foreground) / .3)}.feedback-btn-secondary:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.feedback-btn-submit{flex:1;padding:.625rem 1.25rem;background-color:hsl(var(--brand-green));color:#fff;border:none;border-radius:.625rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:opacity .15s,transform .15s}.feedback-btn-submit:hover{opacity:.92;transform:translateY(-1px)}.feedback-btn-submit:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.feedback-btn-submit.loading{pointer-events:none;opacity:.7}.feedback-actions{display:flex;gap:.75rem;margin-top:1rem}.feedback-error{padding:.625rem .75rem;background-color:hsl(var(--brand-red) / .08);border:1px solid hsl(var(--brand-red) / .3);border-radius:.5rem;color:hsl(var(--brand-red));font-size:.8125rem;margin-bottom:.75rem}.feedback-error.hidden{display:none}.feedback-fallback-notice{padding:.5rem .75rem;background-color:hsl(var(--coastal-amber) / .1);border:1px solid hsl(var(--coastal-amber) / .3);border-radius:.5rem;color:hsl(var(--coastal-amber));font-size:.8125rem;margin-bottom:1rem}.feedback-fallback-notice.hidden{display:none}.feedback-clarify-quote{background-color:hsl(var(--muted) / .4);border-left:3px solid hsl(var(--coastal-ocean));padding:.75rem 1rem;margin-bottom:1.25rem;border-radius:0 .5rem .5rem 0;font-style:italic;font-size:.875rem;color:hsl(var(--muted-foreground))}.feedback-clarify-questions{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:1rem}.feedback-clarify-question{display:flex;flex-direction:column;gap:.625rem}.feedback-clarify-question-label{font-size:.875rem;font-weight:600;color:hsl(var(--foreground))}.feedback-clarify-options{display:flex;flex-direction:column;gap:.5rem}.feedback-clarify-option{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;background-color:hsl(var(--background));border:1.5px solid hsl(var(--border));border-radius:.625rem;cursor:pointer;transition:border-color .15s,background-color .15s,box-shadow .15s;text-align:left;width:100%}.feedback-clarify-option:hover{border-color:hsl(var(--coastal-ocean) / .5);background-color:hsl(var(--coastal-ocean) / .03)}.feedback-clarify-option:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.feedback-clarify-option.selected{border-color:hsl(var(--coastal-ocean));background-color:hsl(var(--coastal-ocean) / .08);box-shadow:0 0 0 1px hsl(var(--coastal-ocean) / .2)}.feedback-clarify-option-icon{font-size:1.25rem;line-height:1;flex-shrink:0;width:1.5rem;text-align:center}.feedback-clarify-option-content{flex:1;min-width:0}.feedback-clarify-option-label{font-size:.875rem;font-weight:600;color:hsl(var(--foreground));margin-bottom:.125rem}.feedback-clarify-option-desc{font-size:.75rem;color:hsl(var(--muted-foreground));line-height:1.4}.feedback-clarify-option-checkmark{flex-shrink:0;width:1.25rem;height:1.25rem;border-radius:50%;border:2px solid hsl(var(--border));display:flex;align-items:center;justify-content:center;transition:border-color .15s,background-color .15s}.feedback-clarify-option.selected .feedback-clarify-option-checkmark{border-color:hsl(var(--coastal-ocean));background-color:hsl(var(--coastal-ocean))}.feedback-clarify-option-checkmark svg{width:.75rem;height:.75rem;color:#fff;opacity:0;transition:opacity .15s}.feedback-clarify-option.selected .feedback-clarify-option-checkmark svg{opacity:1}.feedback-clarify-other{margin-top:.5rem}.feedback-clarify-other-input{width:100%;padding:.5rem .75rem;border:1px solid hsl(var(--input));border-radius:.5rem;background-color:hsl(var(--background));color:hsl(var(--foreground));font-size:.875rem;transition:border-color .15s,box-shadow .15s}.feedback-clarify-other-input:focus{outline:none;border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsl(var(--ring) / .2)}.feedback-clarify-other-input.hidden{display:none}.feedback-clarify-actions{display:flex;gap:.75rem;margin-top:.5rem}.feedback-ai-loading{display:flex;flex-direction:column;align-items:center;padding:2.5rem 1rem;gap:1.25rem}.feedback-ai-loading.hidden{display:none}.feedback-ai-orb{position:relative;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center}.feedback-ai-ring{position:absolute;inset:0;border-radius:50%;border:2px solid hsl(var(--coastal-ocean) / .3)}.feedback-ai-ring-1{animation:feedback-ring-pulse 2s ease-in-out infinite}.feedback-ai-ring-2{animation:feedback-ring-pulse 2s ease-in-out .4s infinite;inset:-6px}.feedback-ai-ring-3{animation:feedback-ring-pulse 2s ease-in-out .8s infinite;inset:-12px}@keyframes feedback-ring-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.feedback-ai-sparkle{width:1.5rem;height:1.5rem;color:hsl(var(--coastal-ocean));animation:sparkle-twinkle 1.5s ease-in-out infinite}.feedback-ai-loading-text{font-size:.875rem;font-weight:500;color:hsl(var(--muted-foreground))}.feedback-shimmer-bar{width:80%;height:3px;border-radius:2px;background:linear-gradient(90deg,hsl(var(--coastal-ocean)),hsl(var(--coastal-sky)),hsl(var(--coastal-amber)),hsl(var(--coastal-sky)),hsl(var(--coastal-ocean)));background-size:200% auto;animation:coastal-shimmer 2s linear infinite}.feedback-original-toggle{margin-bottom:.75rem}.feedback-original-summary{font-size:.8125rem;color:hsl(var(--muted-foreground));cursor:pointer;padding:.375rem 0;user-select:none}.feedback-original-summary:hover{color:hsl(var(--foreground))}.feedback-original-text{margin-top:.5rem;padding:.75rem;background-color:hsl(var(--muted) / .3);border-radius:.5rem;font-size:.8125rem;color:hsl(var(--muted-foreground));white-space:pre-wrap;word-break:break-word}.feedback-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}.feedback-meta-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600;background-color:hsl(var(--coastal-ocean) / .1);color:hsl(var(--coastal-ocean));text-transform:capitalize}.feedback-meta-url{font-size:.75rem;color:hsl(var(--muted-foreground));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:16rem}.feedback-meta-image{margin-bottom:.75rem}.feedback-meta-image.hidden{display:none}.feedback-meta-image img{width:4rem;height:3rem;object-fit:cover;border-radius:.375rem;border:1px solid hsl(var(--border))}.feedback-success{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1rem;gap:.75rem}.feedback-success-check{width:3.5rem;height:3.5rem;color:hsl(var(--brand-green))}.feedback-check-circle{stroke-dasharray:157;stroke-dashoffset:157;animation:feedback-check-circle-draw .6s ease-out .1s forwards}.feedback-check-path{stroke-dasharray:48;stroke-dashoffset:48;animation:feedback-check-draw .4s ease-out .5s forwards}@keyframes feedback-check-circle-draw{to{stroke-dashoffset:0}}@keyframes feedback-check-draw{to{stroke-dashoffset:0}}.feedback-success-title{font-family:var(--font-heading, "Plus Jakarta Sans", system-ui, sans-serif);font-size:1.25rem;font-weight:700;color:hsl(var(--foreground));margin:0}.feedback-success-text{font-size:.875rem;color:hsl(var(--muted-foreground));margin:0}.feedback-done-btn{margin-top:.5rem}.feedback-changelog-link{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;margin-top:.75rem;font-size:.8125rem;font-weight:500;color:hsl(var(--coastal-ocean));background-color:hsl(var(--coastal-ocean) / .08);border:1px solid hsl(var(--coastal-ocean) / .2);border-radius:.5rem;text-decoration:none;transition:background-color .15s,border-color .15s}.feedback-changelog-link:hover{background-color:hsl(var(--coastal-ocean) / .15);border-color:hsl(var(--coastal-ocean) / .3)}.feedback-changelog-link:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}@media(prefers-reduced-motion:reduce){.feedback-card,.feedback-step,.sparkle-anim{animation:none}.feedback-ai-ring{animation:none;opacity:.5}.feedback-ai-sparkle,.feedback-shimmer-bar,.feedback-btn-primary.loading{animation:none}.feedback-check-circle,.feedback-check-path{animation:none;stroke-dashoffset:0}.feedback-tab{transition:none}}html{background-color:#fbfaf8;color:#1d2330}body{font-family:Plus Jakarta Sans,Inter,system-ui,-apple-system,sans-serif;margin:0;min-height:100vh}