.main-container{position:relative;z-index:10;width:90%;max-width:620px;display:flex;flex-direction:column;gap:15px;padding-bottom:84px}.app-header{display:flex;justify-content:space-between;align-items:center;padding:0 5px}.logo{font-family:Orbitron,sans-serif;font-weight:800;font-size:1.1rem;letter-spacing:2px;color:#fff;text-transform:uppercase;position:relative}.user-chip{color:#ffffffbf;font-size:.75rem;white-space:nowrap}.app-toolbar{position:fixed;left:50%;bottom:18px;transform:translate(-50%);z-index:150;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.18);background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);max-width:min(980px,92vw);overflow-x:auto}body.modal-open .app-toolbar{display:none}.app-toolbar::-webkit-scrollbar{height:0px}.glitch-title:before,.glitch-title:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;pointer-events:none}.glitch-title:before{left:2px;text-shadow:-2px 0 var(--neon-pink);clip:rect(0,9999px,9999px,0);animation:glitch-anim-2 3.2s infinite linear alternate-reverse;opacity:.95}.glitch-title:after{left:-2px;text-shadow:-2px 0 var(--neon-cyan);clip:rect(0,9999px,9999px,0);animation:glitch-anim 2.2s infinite linear alternate-reverse;opacity:.9}.stop-btn{font-family:Orbitron,sans-serif;font-weight:900;font-size:.8rem;padding:10px 16px;background:var(--warning-red);color:#fff;border:2px solid #fff;border-radius:2px;cursor:pointer;box-shadow:0 0 10px #ff333380;transition:all .2s;text-transform:uppercase}.stop-btn:hover{transform:scale(1.1);box-shadow:0 0 25px #f33c}body.paused .stop-btn{background:#666;border-color:#999;box-shadow:0 0 10px #64646480}body.paused #glitch-canvas{filter:grayscale(100%) brightness(.3)}.pause-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;z-index:99;pointer-events:none;opacity:0;transition:opacity .3s}body.paused .pause-overlay{opacity:1}.safe-mode-indicator{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Orbitron,sans-serif;font-size:4rem;color:#ffffff1a;z-index:1;pointer-events:none;opacity:0;transition:opacity .5s}body.paused .safe-mode-indicator{opacity:1}.btn-system{font-family:Share Tech Mono,monospace;font-size:.8rem;padding:8px 12px;background:#0009;border:1px solid rgba(255,255,255,.3);color:#fff;cursor:pointer;transition:all .2s;text-transform:uppercase}.btn-system:hover{background:#fff;color:#000;box-shadow:0 0 15px #fff}.btn-report{border-color:var(--neon-green);color:var(--neon-green)}.btn-stats{border-color:var(--neon-cyan);color:var(--neon-cyan)}.stat-card{background:#0006;border:1px solid rgba(255,255,255,.2);padding:15px;text-align:center}.stat-value{font-size:2rem;font-weight:700;color:var(--neon-cyan);font-family:Orbitron,sans-serif}.stat-label{font-size:.8rem;color:#ffffffb3;margin-top:5px;text-transform:uppercase}.class-stat{background:#0006;border:1px solid rgba(255,255,255,.2);padding:8px 12px;display:flex;flex-direction:column;align-items:center;min-width:80px}.class-stat-label{font-size:.7rem;color:#fff9;margin-bottom:4px}.class-stat-value{font-size:1.2rem;font-weight:700;color:var(--neon-cyan);font-family:Orbitron,sans-serif}.top-item{background:#0000004d;border:1px solid rgba(255,255,255,.1);padding:10px;display:flex;align-items:center;gap:10px}.top-rank{font-weight:700;color:var(--neon-yellow);min-width:30px}.top-title{flex:1;color:#fff;font-size:.9rem}.class-badge-mini{font-size:.7rem;padding:2px 6px;border-radius:2px;font-weight:700}.class-badge-mini.class-A{background:#0ff3;color:var(--neon-cyan);border:1px solid var(--neon-cyan)}.class-badge-mini.class-B{background:#fcee0a33;color:var(--neon-yellow);border:1px solid var(--neon-yellow)}.class-badge-mini.class-C{background:#f0f3;color:var(--neon-pink);border:1px solid var(--neon-pink)}.class-badge-mini.class-S{background:#ff323233;color:var(--warning-red);border:1px solid var(--warning-red)}.top-count{color:#ffffffb3;font-size:.8rem;min-width:80px;text-align:right}.filter-bar-shell{display:flex;align-items:stretch;gap:6px}.filter-bar{display:flex;justify-content:flex-start;background:#0009;padding:5px;border-radius:4px;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:0;flex:1;cursor:grab}.filter-bar.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.filter-bar.dragging *{-webkit-user-select:none;user-select:none}.filter-bar::-webkit-scrollbar{height:0px}.filter-scroll-btn{width:42px;border-radius:4px;border:1px solid rgba(255,255,255,.2);background:#0000008c;color:#ffffffb3;cursor:pointer;font-family:Orbitron,sans-serif;font-size:1.2rem;line-height:1;transition:all .2s;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.filter-scroll-btn:hover:not(:disabled){color:#fff;border-color:#fff6;background:#ffffff0f}.filter-scroll-btn:disabled{opacity:.25;cursor:default}.filter-btn{flex:0 0 auto;min-width:110px;padding:10px 5px;background:transparent;border:none;color:#fff9;font-family:Orbitron,sans-serif;font-size:.8rem;cursor:pointer;transition:all .2s;border-right:1px solid rgba(255,255,255,.1);white-space:nowrap}.filter-btn:last-child{border-right:none}.filter-btn:hover{color:#fff;background:#ffffff1a}.filter-btn.active{color:#000;font-weight:700;text-shadow:0 0 5px rgba(255,255,255,.5)}.filter-btn[data-class=A].active{background:var(--neon-cyan)}.filter-btn[data-class=B].active{background:var(--neon-yellow);color:#000}.filter-btn[data-class=C].active{background:var(--neon-pink)}.filter-btn[data-class=S].active{background:var(--warning-red);box-shadow:0 0 15px var(--warning-red)}.filter-btn[data-class=ALL].active{background:#fff}.card-viewport{position:relative;width:100%;min-height:480px;height:min(760px,calc(100vh - 240px));perspective:1000px}.card{background:var(--ui-bg);border:1px solid rgba(255,255,255,.4);padding:35px;position:absolute;width:100%;height:100%;top:0;left:0;box-shadow:0 0 50px #000c;overflow:hidden;opacity:0;pointer-events:none;transform:scale(.9) translate(100px);filter:brightness(2) contrast(2) blur(5px);transition:none;display:flex;flex-direction:column}.card.active{opacity:1;pointer-events:all;z-index:5;transform:scale(1) translate(0);filter:brightness(1) contrast(1) blur(0);transition:all .6s cubic-bezier(.23,1,.32,1)}.card.active:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(transparent 50%,#00ffff0d 50%);background-size:100% 4px;z-index:10;pointer-events:none;animation:scanlines .5s linear infinite}.view-mode-bar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.15)}.view-mode-btn{font-family:Share Tech Mono,monospace;font-size:.7rem;padding:6px 10px;background:#0006;border:1px solid rgba(255,255,255,.2);color:#ffffffb3;cursor:pointer;transition:all .2s;text-transform:uppercase}.view-mode-btn:hover{color:#fff;border-color:#fff6}.view-mode-btn.active{background:var(--neon-cyan);color:#000;border-color:var(--neon-cyan)}.lens-select{font-family:Share Tech Mono,monospace;font-size:.7rem;padding:6px 8px;background:#0009;border:1px solid rgba(255,255,255,.3);color:#fff;margin-left:auto}.card-scroll{flex:1;min-height:0;overflow-y:auto;padding-right:6px}.card-scroll::-webkit-scrollbar{width:6px}.card-scroll::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:8px}.card-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff47}.ai-loading,.ai-error{font-size:.9rem;color:#fff9;padding:20px 0}.ai-error{color:var(--warning-red)}.key-points{margin:5px 0 0;padding-left:20px}.key-points li{margin-bottom:6px;color:#eee;line-height:1.4}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:10px}.glitch-class-badge{font-family:Orbitron,sans-serif;font-size:.9rem;padding:4px 10px;border-radius:2px;font-weight:700;letter-spacing:1px;box-shadow:0 0 10px currentColor}.class-A{background:#0ff3;color:var(--neon-cyan);border:1px solid var(--neon-cyan)}.class-B{background:#fcee0a33;color:var(--neon-yellow);border:1px solid var(--neon-yellow)}.class-C{background:#f0f3;color:var(--neon-pink);border:1px solid var(--neon-pink)}.class-S{background:#ff323233;color:var(--warning-red);border:1px solid var(--warning-red);animation:criticalPulse 1s infinite}@keyframes criticalPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.card-title{font-family:Orbitron,sans-serif;font-size:1.4rem;color:#fff;text-shadow:2px 2px 0 #000;position:relative;line-height:1.2}.card-title:before,.card-title:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:var(--ui-bg)}.card-title:before{left:2px;text-shadow:-2px 0 var(--neon-pink);clip:rect(24px,550px,90px,0);animation:glitch-anim-2 3s infinite linear alternate-reverse}.card-title:after{left:-2px;text-shadow:-2px 0 var(--neon-cyan);clip:rect(85px,550px,140px,0);animation:glitch-anim 2s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(10px,9999px,31px,0);transform:skew(.1deg)}20%{clip:rect(70px,9999px,71px,0);transform:skew(.5deg)}40%{clip:rect(20px,9999px,41px,0);transform:skew(.2deg)}60%{clip:rect(50px,9999px,51px,0);transform:skew(.8deg)}80%{clip:rect(40px,9999px,41px,0);transform:skew(.3deg)}to{clip:rect(90px,9999px,91px,0);transform:skew(.4deg)}}@keyframes glitch-anim-2{0%{clip:rect(65px,9999px,100px,0);transform:skew(.2deg)}20%{clip:rect(15px,9999px,52px,0);transform:skew(.6deg)}40%{clip:rect(82px,9999px,30px,0);transform:skew(.3deg)}60%{clip:rect(45px,9999px,10px,0);transform:skew(.5deg)}80%{clip:rect(5px,9999px,88px,0);transform:skew(.1deg)}to{clip:rect(30px,9999px,95px,0);transform:skew(.4deg)}}.card-type{font-size:.8rem;color:#fff9;margin-top:2px}.content-block{margin-top:20px}.label{font-size:.7rem;color:var(--neon-green);letter-spacing:1px;margin-bottom:5px;display:block}.text-val{font-size:1rem;line-height:1.5;color:#eee}.feeling-text{font-style:italic;color:#aaa;border-left:2px solid #555;padding-left:15px;margin-top:5px}.tag-container{display:flex;gap:8px;margin-top:25px;flex-wrap:wrap}.tag{font-size:.7rem;padding:3px 6px;border:1px solid rgba(255,255,255,.3);color:#ddd;cursor:pointer;background:#0003;display:inline-flex;align-items:center;gap:4px;position:relative}.tag:hover{background:#fff;color:#000;border-color:#fff}.tag-edit-btn,.tag-delete-btn{background:transparent;border:none;color:inherit;cursor:pointer;font-size:.8rem;padding:0 2px;opacity:.7;margin-left:4px}.tag-edit-btn:hover{opacity:1;color:var(--neon-cyan)}.tag-delete-btn:hover{opacity:1;color:var(--warning-red)}.tag-edit-input{background:#00000080;border:1px solid var(--neon-cyan);color:#fff;padding:2px 4px;font-size:.7rem;width:80px;outline:none;font-family:inherit}.tag-add{border-style:dashed}.tag-add-input{background:transparent;border:none;color:#fff;font-size:.7rem;width:70px;outline:none;font-family:inherit;padding:0}.tag-add-input::placeholder{color:#ffffff80}.action-footer{display:flex;gap:8px;margin-top:30px;border-top:1px solid rgba(255,255,255,.1);padding-top:20px}.btn-action{flex:1;padding:12px;font-family:Orbitron,sans-serif;font-weight:700;font-size:.8rem;border:none;cursor:pointer;transition:all .2s;text-transform:uppercase}.btn-logs{background:#ffffff0d;color:#aaa;border:1px solid rgba(255,255,255,.2)}.btn-logs:hover{background:#fff3;color:#fff;transform:translateY(-2px)}.btn-resonate{background:#39ff141a;color:var(--neon-green);border:1px solid var(--neon-green)}.btn-resonate:hover{background:var(--neon-green);color:#000;box-shadow:0 0 25px var(--neon-green);transform:translateY(-2px)}.btn-blame{background:#ff33331a;color:var(--warning-red);border:1px solid var(--warning-red)}.btn-blame:hover{background:var(--warning-red);color:#fff;animation:shakeBtn .3s infinite;box-shadow:0 0 30px var(--warning-red);transform:none}.btn-skip{background:#fcee0a14;color:var(--neon-yellow);border:1px solid var(--neon-yellow)}.btn-skip:hover{background:var(--neon-yellow);color:#000;box-shadow:0 0 25px var(--neon-yellow);transform:translateY(-2px)}@keyframes shakeBtn{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}.scanlines{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#fff0,#fff0 50%,#0003 50%,#0003);background-size:100% 4px;z-index:2;pointer-events:none;opacity:.6}.side-panel{position:fixed;top:0;right:-400px;width:400px;height:100%;background:#0a0a0af2;border-left:2px solid var(--neon-cyan);z-index:100;transition:right .3s;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.side-panel.open{right:0}.panel-header{padding:20px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between}.close-btn{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer}.chat-area{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:15px}.comment-bubble{background:#ffffff0d;padding:10px;border-radius:4px}.comment-meta{font-size:.7rem;color:#666;margin-top:5px;display:block}.comment-input-area{padding:15px;border-top:1px solid #333;display:flex;gap:10px}.comment-input-area input{flex:1;background:#000;border:1px solid #333;padding:10px;color:#fff;font-family:Share Tech Mono}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;z-index:2000;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .3s}.modal-overlay.open{opacity:1;pointer-events:all}.modal-box{width:90%;max-width:500px;height:min(720px,calc(100vh - 48px));max-height:calc(100vh - 48px);display:flex;flex-direction:column;overflow:hidden;background:#0a0a0a;border:1px solid var(--neon-pink);padding:0;transform:scale(.9);transition:transform .3s;box-shadow:0 0 50px var(--neon-pink)}.modal-overlay.open .modal-box{transform:scale(1)}.modal-box.modal-box-compact{height:auto;max-height:calc(100vh - 48px)}.modal-box.modal-box-compact .modal-content{flex:0 0 auto;overflow:visible}.modal-box .panel-header{position:sticky;top:0;z-index:5}.modal-content{flex:1;min-height:0;overflow-y:auto;padding:20px}.agent-chat{flex:1;min-height:0;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:10px}.agent-msg{color:var(--neon-cyan);align-self:flex-start;border:1px solid rgba(0,255,255,.2);padding:10px;background:#00ffff0d;max-width:80%}.user-msg{color:#fff;align-self:flex-end;border:1px solid rgba(255,255,255,.2);padding:10px;background:#ffffff0d;max-width:80%}@keyframes scanlines{0%{background-position:0 0}to{background-position:0 100%}}:root{--neon-green: #39ff14;--neon-cyan: #00ffff;--neon-pink: #ff00ff;--neon-yellow: #fcee0a;--warning-red: #ff3333;--ui-bg: rgba(10, 10, 10, .85)}*{margin:0;padding:0;box-sizing:border-box;color:#fff;-webkit-user-select:none;user-select:none}body{font-family:Share Tech Mono,monospace;background-color:#111;height:100vh;width:100vw;overflow:hidden}#root{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw}