@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@300;400;500;600&family=Noto+Sans+JP:wght@300;400;500;700;900&family=Space+Mono:wght@400;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body,#app{min-height:100%}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .4s ease,color .4s ease;overscroll-behavior:none}body{overflow:hidden;touch-action:none}@supports (-webkit-touch-callout: none){@media(display-mode:standalone){body{overflow:visible;touch-action:auto}}}@media(display-mode:standalone){body{-webkit-user-select:none;user-select:none}.text-zone,.known-text,.target-text{-webkit-user-select:text;user-select:text}}button{font-family:inherit;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth;background:var(--bg-primary)}:root{--ssi-red: #c23a3a;--ssi-red-dark: #9a2e2e;--ssi-red-light: #e54545;--ssi-red-soft: rgba(194, 58, 58, .15);--ssi-gold: #d4a853;--ssi-gold-dark: #b8923d;--ssi-gold-light: #e5c078;--accent: var(--ssi-red);--accent-light: #d44545;--accent-dark: #b83232;--accent-glow: rgba(194, 58, 58, .4);--gold: var(--ssi-gold);--gold-glow: rgba(212, 168, 83, .4);--success: #4ade80;--success-muted: rgba(74, 222, 128, .15);--warning: #fbbf24;--warning-muted: rgba(251, 191, 36, .15);--error: #ef4444;--error-muted: rgba(239, 68, 68, .15);--info: #60a5fa;--info-muted: rgba(96, 165, 250, .15);--belt-white: #ffffff;--belt-white-dark: #e0e0e0;--belt-yellow: #fcd34d;--belt-yellow-dark: #f59e0b;--belt-orange: #fb923c;--belt-orange-dark: #ea580c;--belt-green: #4ade80;--belt-green-dark: #16a34a;--belt-blue: #60a5fa;--belt-blue-dark: #2563eb;--belt-purple: #a78bfa;--belt-purple-dark: #7c3aed;--belt-brown: #a8856c;--belt-brown-dark: #78350f;--belt-black: #d4a853;--belt-black-dark: #b8860b;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Noto Sans JP", "DM Sans", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", "Consolas", monospace;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-black: 900;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.75rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-slower: .5s ease;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--z-below: -1;--z-base: 0;--z-raised: 10;--z-dropdown: 50;--z-sticky: 80;--z-nav: 100;--z-modal-backdrop: 150;--z-modal: 200;--z-toast: 300;--z-tooltip: 400;--nav-height: 80px;--nav-height-safe: calc(80px + env(safe-area-inset-bottom, 0px)) ;--container-max: 1400px;--sidebar-width: 280px;--bg-primary: #050508;--bg-secondary: #0a0a0f;--bg-card: rgba(255, 255, 255, .03);--bg-card-hover: rgba(255, 255, 255, .05);--bg-elevated: rgba(255, 255, 255, .06);--bg-input: #0a0a0f;--bg-overlay: rgba(0, 0, 0, .6);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .4);--text-inverse: #1a1a2e;--border-subtle: rgba(255, 255, 255, .06);--border-medium: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .25);--border-focus: var(--ssi-red);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 20px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .6);--shadow-xl: 0 12px 60px rgba(0, 0, 0, .7);--shadow-glow: 0 0 30px rgba(194, 58, 58, .3);--shadow-glow-gold: 0 0 30px rgba(212, 168, 83, .3);--pill-bg: rgba(255, 255, 255, .06);--pill-bg-hover: rgba(255, 255, 255, .1);--pill-border: 1.5px solid rgba(255, 255, 255, .22);--pill-shadow: 0 2px 8px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .3);--gradient-accent: linear-gradient(145deg, #d44545 0%, #b83232 100%);--glow-accent: 0 4px 16px rgba(194, 58, 58, .35);--glow-soft: rgba(100, 100, 150, .06);--nav-bg: rgba(5, 5, 8, .95);--nav-bg-blur: rgba(5, 5, 8, .85);--modal-backdrop: rgba(0, 0, 0, .7);--network-bg: radial-gradient(ellipse at 50% 50%, rgba(80,80,100,.05) 0%, transparent 50%);--network-node-fill: rgba(255, 255, 255, .85);--network-node-stroke: rgba(255, 255, 255, .6);--network-edge-stroke: rgba(255, 255, 255, .15);--network-active-edge: #60a5fa;--network-label-fill: rgba(255, 255, 255, .9);--mountain-opacity: .5;--overlay-gradient: linear-gradient(180deg, rgba(5, 5, 8, 0) 0%, rgba(5, 5, 8, .8) 100%);--theme-mode: dark}[data-theme=mist]{--bg-primary: #e8e3dd;--bg-secondary: #e0dbd5;--bg-card: #ffffff;--bg-card-hover: #faf9f8;--bg-elevated: #ffffff;--bg-input: #e8e4df;--bg-overlay: rgba(26, 22, 20, .7);--text-primary: #2C2622;--text-secondary: #4A4440;--text-muted: #8A8078;--text-inverse: #ffffff;--border-subtle: rgba(0, 0, 0, .1);--border-medium: rgba(0, 0, 0, .14);--border-strong: rgba(0, 0, 0, .2);--border-focus: var(--ssi-red);--shadow-sm: 0 1px 3px rgba(44, 38, 34, .1), 0 4px 12px rgba(44, 38, 34, .07);--shadow-md: 0 2px 6px rgba(44, 38, 34, .12), 0 8px 24px rgba(44, 38, 34, .08);--shadow-lg: 0 4px 12px rgba(44, 38, 34, .14), 0 16px 48px rgba(44, 38, 34, .1);--shadow-xl: 0 4px 16px rgba(44, 38, 34, .16), 0 24px 64px rgba(44, 38, 34, .12);--shadow-glow: 0 0 24px rgba(194, 58, 58, .25);--shadow-glow-gold: 0 0 24px rgba(212, 168, 83, .28);--nav-shadow: 0 2px 4px rgba(44, 38, 34, .14), 0 8px 24px rgba(44, 38, 34, .1);--card-glow: 0 0 0 1px rgba(0, 0, 0, .04), 0 2px 6px rgba(44, 38, 34, .12), 0 8px 24px rgba(44, 38, 34, .08);--accent-glow: rgba(194, 58, 58, .18);--gold-glow: rgba(212, 168, 83, .22);--gradient-accent: linear-gradient(145deg, #d94545 0%, #a83232 100%);--glow-accent: 0 4px 16px rgba(194, 58, 58, .18);--glow-soft: rgba(122, 110, 98, .03);--nav-bg: rgba(255, 255, 255, .92);--nav-bg-blur: rgba(255, 255, 255, .85);--card-shadow: 0 0 0 1px rgba(0, 0, 0, .04), 0 2px 6px rgba(44, 38, 34, .12), 0 8px 24px rgba(44, 38, 34, .08);--card-border: 1px solid rgba(0, 0, 0, .04);--chip-bg: #ffffff;--chip-border: 1px solid rgba(0, 0, 0, .06);--modal-backdrop: rgba(26, 22, 20, .4);--network-bg: radial-gradient(ellipse at 50% 50%, rgba(122, 110, 98, .08) 0%, transparent 50%);--network-node-fill: rgba(44, 38, 34, .7);--network-node-stroke: rgba(44, 38, 34, .35);--network-edge-stroke: rgba(122, 110, 98, .12);--network-active-edge: #8B5E3C;--network-label-fill: rgba(44, 38, 34, .5);--mountain-opacity: .18;--overlay-gradient: linear-gradient(180deg, rgba(232, 227, 221, 0) 0%, rgba(232, 227, 221, .9) 100%);--theme-mode: light}.belt-white{background:linear-gradient(135deg,var(--belt-white),var(--belt-white-dark));color:#333}.belt-yellow{background:linear-gradient(135deg,var(--belt-yellow),var(--belt-yellow-dark));color:#333}.belt-orange{background:linear-gradient(135deg,var(--belt-orange),var(--belt-orange-dark));color:#fff}.belt-green{background:linear-gradient(135deg,var(--belt-green),var(--belt-green-dark));color:#fff}.belt-blue{background:linear-gradient(135deg,var(--belt-blue),var(--belt-blue-dark));color:#fff}.belt-purple{background:linear-gradient(135deg,var(--belt-purple),var(--belt-purple-dark));color:#fff}.belt-brown{background:linear-gradient(135deg,var(--belt-brown),var(--belt-brown-dark));color:#fff}.belt-black{background:linear-gradient(135deg,var(--belt-black),var(--belt-black-dark));color:#fff}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-primary);min-height:100vh;overflow-x:hidden}ul,ol{list-style:none}button{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}img,picture,video,canvas,svg{display:block;max-width:100%}input,textarea,select{font:inherit;color:inherit}table{border-collapse:collapse;border-spacing:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--text-primary)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5,h6{font-size:var(--text-base)}p{margin-bottom:var(--space-4)}p:last-child{margin-bottom:0}strong,b{font-weight:var(--font-semibold)}small{font-size:var(--text-sm)}:focus-visible{outline:2px solid var(--ssi-red);outline-offset:2px}:focus:not(:focus-visible){outline:none}::selection{background:var(--ssi-red);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--border-medium) var(--bg-secondary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-in{animation:fadeInUp .5s ease forwards}.animate-fade-in{animation:fadeIn .3s ease forwards}.animate-scale-in{animation:scaleIn .3s ease forwards}.delay-1{animation-delay:.1s;opacity:0}.delay-2{animation-delay:.2s;opacity:0}.delay-3{animation-delay:.3s;opacity:0}.delay-4{animation-delay:.4s;opacity:0}.delay-5{animation-delay:.5s;opacity:0}.container{width:100%;max-width:var(--container-max);margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-ssi-red{color:var(--ssi-red)}.text-ssi-gold{color:var(--ssi-gold)}.text-success{color:var(--success)}.text-error{color:var(--error)}.text-sm{font-size:var(--text-sm)}.text-lg{font-size:var(--text-lg)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.uppercase{text-transform:uppercase;letter-spacing:var(--tracking-wider)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hidden{display:none!important}.cursor-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.select-none{-webkit-user-select:none;user-select:none}@media(max-width:768px){.hide-mobile{display:none!important}}@media(min-width:769px){.hide-desktop{display:none!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.install-banner[data-v-4e297069]{position:fixed;bottom:calc(var(--nav-height-safe, 100px) + 12px);left:0;right:0;z-index:9999;padding:0 16px;pointer-events:none}.install-banner-content[data-v-4e297069]{background:var(--color-surface, #1a1a2e);border:1px solid var(--color-border, #2a2a4a);border-radius:12px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;box-shadow:0 4px 20px #0006;pointer-events:auto;max-width:420px;margin:0 auto}.install-banner-left[data-v-4e297069]{display:flex;align-items:center;gap:10px;min-width:0}.install-banner-icon[data-v-4e297069]{border-radius:8px;flex-shrink:0}.install-banner-text[data-v-4e297069]{display:flex;flex-direction:column;gap:1px;min-width:0}.install-banner-title[data-v-4e297069]{font-size:14px;color:var(--text-primary, #e8e3dd);font-weight:600;white-space:nowrap}.install-banner-subtitle[data-v-4e297069]{font-size:12px;color:var(--text-secondary, #888);white-space:nowrap}.install-banner-actions[data-v-4e297069]{display:flex;align-items:center;gap:6px;flex-shrink:0}.install-banner-cta[data-v-4e297069]{background:var(--ssi-red, #c23a3a);color:#fff;border:none;padding:7px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s;font-family:inherit}.install-banner-cta[data-v-4e297069]:hover{background:var(--ssi-red-light, #e54545)}.install-banner-dismiss[data-v-4e297069]{background:none;border:none;color:var(--text-secondary, #888);cursor:pointer;padding:4px;display:flex;border-radius:50%}.install-banner-dismiss[data-v-4e297069]:hover{color:var(--text-primary, #e8e3dd)}.slide-up-enter-active[data-v-4e297069],.slide-up-leave-active[data-v-4e297069]{transition:all .3s ease}.slide-up-enter-from[data-v-4e297069],.slide-up-leave-to[data-v-4e297069]{transform:translateY(100%);opacity:0}.demo-overlay[data-v-f09446f1]{position:fixed;inset:0;z-index:9000;pointer-events:none}.demo-transport[data-v-f09446f1]{position:fixed;top:72px;left:50%;transform:translate(-50%);max-width:720px;width:calc(100% - 32px);background:#ffffffeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.06);border-radius:14px;pointer-events:auto;box-shadow:0 2px 12px #2c26221a,0 8px 32px #2c26220f;overflow:hidden;transition:box-shadow .25s ease,border-color .25s ease;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.demo-transport.dragging[data-v-f09446f1]{cursor:grabbing;box-shadow:0 4px 20px #2c262229,0 12px 48px #2c26221a;border-color:#0000001a}.demo-transport.collapsed[data-v-f09446f1]{width:auto;max-width:none;border-radius:10px}.drag-grip[data-v-f09446f1]{flex-shrink:0;font-size:12px;letter-spacing:-2px;color:var(--text-muted, #8A8078);opacity:.5;cursor:grab;line-height:1;padding:0 2px}.demo-transport.dragging .drag-grip[data-v-f09446f1]{opacity:.8;cursor:grabbing}.demo-expand-btn[data-v-f09446f1]{display:flex;align-items:center;gap:8px;padding:6px 14px;border:none;background:transparent;cursor:grab;color:var(--text-secondary, #4A4440);font-family:var(--font-body, "DM Sans", sans-serif);transition:color .15s ease}.demo-expand-btn[data-v-f09446f1]:hover{color:var(--text-primary, #2C2622)}.expand-label[data-v-f09446f1]{font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--ssi-red, #c23a3a)}.expand-counter[data-v-f09446f1]{font-size:12px;color:var(--text-muted, #8A8078)}.demo-progress-track[data-v-f09446f1]{height:2px;background:#0000000a}.demo-progress-fill[data-v-f09446f1]{height:100%;background:var(--ssi-red, #c23a3a);transition:width .3s linear}.demo-transport-inner[data-v-f09446f1]{display:flex;align-items:center;gap:12px;padding:10px 14px}.demo-narration[data-v-f09446f1]{flex:1;min-width:0;display:flex;align-items:baseline;gap:10px;opacity:0;transition:opacity .3s ease}.demo-narration.visible[data-v-f09446f1]{opacity:1}.demo-badge[data-v-f09446f1]{flex-shrink:0;padding:2px 7px;border-radius:4px;background:#c23a3a1f;color:var(--ssi-red, #c23a3a);font-family:var(--font-body, "DM Sans", sans-serif);font-size:9px;font-weight:700;letter-spacing:.1em}.demo-scene-narration[data-v-f09446f1]{font-family:var(--font-body, "DM Sans", sans-serif);font-size:13px;font-weight:400;color:var(--text-secondary, #4A4440);line-height:1.4}.demo-controls[data-v-f09446f1]{display:flex;align-items:center;gap:4px;flex-shrink:0}.demo-counter[data-v-f09446f1]{font-family:var(--font-body, "DM Sans", sans-serif);font-size:11px;color:var(--text-muted, #8A8078);margin-right:4px;white-space:nowrap}.demo-btn[data-v-f09446f1]{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:7px;background:#0000000a;color:var(--text-muted, #8A8078);cursor:pointer;transition:background .15s ease,color .15s ease}.demo-btn[data-v-f09446f1]:hover:not(:disabled){background:#00000014;color:var(--text-primary, #2C2622)}.demo-btn[data-v-f09446f1]:disabled{opacity:.25;cursor:default}.demo-btn-next[data-v-f09446f1]{background:#c23a3a1a;color:var(--ssi-red, #c23a3a)}.demo-btn-next[data-v-f09446f1]:hover:not(:disabled){background:#c23a3a2e;color:var(--ssi-red-dark, #9a2e2e)}.demo-btn-stop[data-v-f09446f1]:hover{background:#c23a3a1a;color:var(--ssi-red, #c23a3a)}.demo-btn-collapse[data-v-f09446f1]{opacity:.5}.demo-btn-collapse[data-v-f09446f1]:hover{opacity:1}@media(max-width:640px){.demo-transport[data-v-f09446f1]{width:calc(100% - 16px);border-radius:10px}.demo-transport-inner[data-v-f09446f1]{flex-direction:column;gap:8px;padding:8px 10px}.demo-narration[data-v-f09446f1]{flex-direction:column;gap:4px}.demo-scene-narration[data-v-f09446f1]{font-size:12px}}@media(prefers-reduced-motion:reduce){.demo-narration[data-v-f09446f1],.demo-progress-fill[data-v-f09446f1]{transition:none}}.feedback-fab[data-v-7b58c8b2]{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom,0px));right:24px;z-index:9998;width:48px;height:48px;border-radius:50%;border:none;background:#2d9cdb;color:#fff;display:flex;align-items:center;justify-content:center;cursor:grab;box-shadow:0 2px 12px #2d9cdb66;transition:box-shadow .2s ease;touch-action:none;-webkit-user-select:none;user-select:none;opacity:.75}.feedback-fab[data-v-7b58c8b2]:hover{opacity:1}.feedback-fab.dragging[data-v-7b58c8b2]{cursor:grabbing;box-shadow:0 6px 24px #2d9cdb99;opacity:1}.feedback-fab[data-v-7b58c8b2]:active:not(.dragging){transform:scale(.96)}.feedback-backdrop[data-v-7b58c8b2]{position:fixed;inset:0;z-index:9999;background:#00000073}.feedback-panel[data-v-7b58c8b2]{position:fixed;z-index:10000;background:var(--color-surface, #1a1a2e);border:1px solid var(--color-border, #2a2a4a);display:flex;flex-direction:column;overflow:hidden}@media(max-width:640px){.feedback-panel[data-v-7b58c8b2]{bottom:0;left:0;right:0;border-radius:16px 16px 0 0;max-height:85vh}}@media(min-width:641px){.feedback-panel[data-v-7b58c8b2]{bottom:24px;right:24px;width:380px;border-radius:14px;max-height:520px;box-shadow:0 8px 32px #0006}}.feedback-header[data-v-7b58c8b2]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid var(--color-border, #2a2a4a)}.feedback-header h3[data-v-7b58c8b2]{margin:0;font-size:16px;font-weight:600;color:var(--color-text, #e0e0e0)}.feedback-close[data-v-7b58c8b2]{background:none;border:none;color:var(--color-text-muted, #888);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color .15s ease}.feedback-close[data-v-7b58c8b2]:hover{color:var(--color-text, #e0e0e0)}.feedback-body[data-v-7b58c8b2]{padding:16px 20px;display:flex;flex-direction:column;gap:14px;overflow-y:auto}.feedback-type-group[data-v-7b58c8b2]{display:flex;gap:8px;flex-wrap:wrap}.feedback-type-pill[data-v-7b58c8b2]{padding:6px 14px;border-radius:20px;border:1px solid var(--color-border, #2a2a4a);background:transparent;color:var(--color-text-muted, #888);font-size:13px;cursor:pointer;transition:all .15s ease}.feedback-type-pill[data-v-7b58c8b2]:hover{border-color:#2d9cdb;color:var(--color-text, #e0e0e0)}.feedback-type-pill.active[data-v-7b58c8b2]{background:#2d9cdb26;border-color:#2d9cdb;color:#2d9cdb;font-weight:500}.feedback-input[data-v-7b58c8b2],.feedback-textarea[data-v-7b58c8b2]{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--color-border, #2a2a4a);background:var(--color-bg, #0e0e1a);color:var(--color-text, #e0e0e0);font-size:14px;font-family:inherit;outline:none;transition:border-color .15s ease;box-sizing:border-box}.feedback-input[data-v-7b58c8b2]:focus,.feedback-textarea[data-v-7b58c8b2]:focus{border-color:#2d9cdb}.feedback-input[data-v-7b58c8b2]::placeholder,.feedback-textarea[data-v-7b58c8b2]::placeholder{color:var(--color-text-muted, #666)}.feedback-textarea[data-v-7b58c8b2]{resize:vertical;min-height:60px}.feedback-screenshot-zone[data-v-7b58c8b2]{display:flex;flex-direction:column;gap:6px}.feedback-screenshot-label[data-v-7b58c8b2]{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:1.5px dashed var(--color-border, #2a2a4a);border-radius:8px;background:#ffffff05;color:var(--color-text-muted, #888);font-size:13px;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.feedback-screenshot-label[data-v-7b58c8b2]:hover{border-color:#2d9cdb;color:var(--color-text, #e0e0e0);background:#2d9cdb0d}.feedback-screenshot-input[data-v-7b58c8b2]{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.feedback-screenshot-preview[data-v-7b58c8b2]{position:relative;display:inline-flex;align-self:flex-start}.feedback-screenshot-preview img[data-v-7b58c8b2]{width:80px;height:80px;object-fit:cover;border-radius:8px;border:1px solid var(--color-border, #2a2a4a)}.feedback-screenshot-remove[data-v-7b58c8b2]{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;border:none;background:#e04040;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .15s ease}.feedback-screenshot-remove[data-v-7b58c8b2]:hover{background:#c03030}.feedback-screenshot-error[data-v-7b58c8b2]{margin:0;font-size:12px;color:#e04040}.feedback-meta[data-v-7b58c8b2]{display:flex;gap:6px;flex-wrap:wrap}.feedback-chip[data-v-7b58c8b2]{font-size:11px;padding:3px 8px;border-radius:12px;background:#ffffff0f;color:var(--color-text-muted, #666);white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis}.feedback-footer[data-v-7b58c8b2]{padding:12px 20px 16px;border-top:1px solid var(--color-border, #2a2a4a)}.feedback-submit[data-v-7b58c8b2]{width:100%;padding:10px;border-radius:8px;border:none;background:#2d9cdb;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s ease,opacity .15s ease}.feedback-submit[data-v-7b58c8b2]:hover:not(:disabled){background:#2489c4}.feedback-submit[data-v-7b58c8b2]:disabled{opacity:.5;cursor:not-allowed}.feedback-confirmation[data-v-7b58c8b2]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 20px;text-align:center}.feedback-confirmation p[data-v-7b58c8b2]{margin:0;color:var(--color-text, #e0e0e0);font-size:15px}.fade-enter-active[data-v-7b58c8b2],.fade-leave-active[data-v-7b58c8b2]{transition:opacity .25s ease}.fade-enter-from[data-v-7b58c8b2],.fade-leave-to[data-v-7b58c8b2]{opacity:0}@media(max-width:640px){.slide-panel-enter-active[data-v-7b58c8b2],.slide-panel-leave-active[data-v-7b58c8b2]{transition:transform .3s ease}.slide-panel-enter-from[data-v-7b58c8b2],.slide-panel-leave-to[data-v-7b58c8b2]{transform:translateY(100%)}}@media(min-width:641px){.slide-panel-enter-active[data-v-7b58c8b2],.slide-panel-leave-active[data-v-7b58c8b2]{transition:transform .25s ease,opacity .25s ease}.slide-panel-enter-from[data-v-7b58c8b2],.slide-panel-leave-to[data-v-7b58c8b2]{transform:translate(20px);opacity:0}}.app-root[data-v-29c8a2ed]{min-height:100vh;min-height:100dvh;background:var(--bg-primary)}