:root{--primary: #86a2ff;--primary-dark: #6e86cc;--bg: #0f172a;--card-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--text: #f8fafc;--text-dim: #94a3b8;--accent: #f0fbdd;--radius: 12px;--font-family: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);font-family:var(--font-family);min-height:100vh;overflow-x:hidden}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw}header{padding:1rem 2rem;background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center;z-index:100}.brand-container{display:flex;align-items:center;gap:12px}.brand-name{font-size:1.6rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,var(--primary),#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-vision-logo{width:40px;height:40px;padding:4px;background:linear-gradient(135deg,var(--primary),#6366f1);border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #86a2ff66}.logo-eye{width:100%;height:100%;background:#fff;border-radius:50% 0;transform:rotate(45deg);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.logo-pupil{width:50%;height:50%;background:var(--bg);border-radius:50%}.logo-shimmer{position:absolute;top:-100%;left:-100%;width:200%;height:200%;background:linear-gradient(45deg,transparent 45%,rgba(255,255,255,.4) 50%,transparent 55%);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translate(-30%,-30%)}to{transform:translate(30%,30%)}}.screens-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem;padding:1.5rem;flex:1;overflow:hidden}.screen-container{display:flex;flex-direction:column;background:var(--card-bg);border:1px solid var(--glass-border);border-radius:var(--radius);overflow:hidden;height:100%}.screen-controls{padding:1rem;background:#0003;border-bottom:1px solid var(--glass-border)}.screen-viewport{flex:1;overflow-y:auto;padding:0;background:#f1f5f9;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}.filter-group{margin-bottom:1rem}.filter-label{font-size:.75rem;text-transform:uppercase;color:var(--text-dim);margin-bottom:.5rem;display:block;letter-spacing:.05em}.toggle-btn{background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text);padding:.4rem .8rem;border-radius:6px;cursor:pointer;font-size:.8rem;margin-right:.5rem;margin-bottom:.5rem;transition:all .2s}.toggle-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.block-banner img{width:100%;display:block}.block-row{display:flex;flex-direction:column}.block-spacer{width:100%}.scroller-container{display:flex;overflow-x:auto;gap:10px;padding:10px 0}.scroller-item{flex:0 0 auto}.scroller-item img{border-radius:12px;width:100%;height:auto;display:block}.item-text{text-align:center;font-size:.8rem;font-weight:600;margin-top:5px;color:var(--text)}.grid-container{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:10px}.placeholder-block{margin:10px;padding:15px;background:#e2e8f0;border:2px dashed #94a3b8;border-radius:8px;color:#475569;text-align:center}.placeholder-block.collection{background:#dbeafe;border-color:#3b82f6;color:#1e40af}.placeholder-block.mini{padding:5px;font-size:10px;margin:2px 10px}.placeholder-title{font-weight:700;font-size:.7rem;margin-bottom:5px;opacity:.7}.placeholder-info{font-size:.9rem;font-weight:600}.placeholder-id{font-size:.6rem;margin-top:5px;font-family:monospace}.dynamic-text{padding:10px 15px;font-weight:700;font-size:1.1rem;color:#1e293b}.header-nav{display:flex;gap:10px}.nav-btn{background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text);padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s}.nav-btn:hover{background:#ffffff1a}.nav-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.tags-page-container{grid-column:1 / -1;background:var(--card-bg);border-radius:var(--radius);padding:2rem;height:calc(100vh - 120px);overflow-y:auto}.tags-page-header{margin-bottom:2rem;border-bottom:1px solid var(--glass-border);padding-bottom:1.5rem}.tags-page-header h2{font-size:1.8rem;margin-bottom:.5rem}.tags-page-header p{color:var(--text-dim)}.tags-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.tag-card{background:#ffffff08;border:1px solid var(--glass-border);border-radius:10px;padding:1rem;display:flex;justify-content:space-between;align-items:center;transition:transform .2s}.tag-card:hover{transform:translateY(-2px);background:#ffffff0d}.tag-name{font-family:monospace;font-size:.9rem;color:#a3e635;word-break:break-all;margin-right:10px}.copy-tag-btn{background:var(--primary);color:#fff;border:none;padding:4px 10px;border-radius:4px;font-size:.75rem;cursor:pointer;font-weight:600}.copy-tag-btn:hover{background:var(--primary-dark)}.copy-all-btn{background:#a3e635;color:#0f172a;border:none;padding:8px 16px;border-radius:8px;font-size:.9rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.copy-all-btn:hover{background:#bef264;transform:translateY(-2px);box-shadow:0 4px 12px #a3e6354d}.login-container{display:flex;align-items:center;justify-content:center;height:100vh;width:100vw;background-color:var(--bg);background-image:radial-gradient(circle at 15% 50%,rgba(134,162,255,.08),transparent 25%),radial-gradient(circle at 85% 30%,rgba(167,139,250,.08),transparent 25%)}.login-card{background:#1e293bb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:20px;padding:3rem;width:100%;max-width:420px;text-align:center;box-shadow:0 25px 50px -12px #00000080}.login-logo{width:64px;height:64px;margin:0 auto 1.5rem;padding:8px;background:linear-gradient(135deg,var(--primary),#6366f1);border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px #86a2ff66}.login-title{font-size:2rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,var(--primary),#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-subtitle{color:var(--text-dim);margin-bottom:2rem;font-size:1rem}.login-error{background:#ef44441a;color:#fca5a5;border:1px solid rgba(239,68,68,.2);padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.9rem;font-weight:500}.login-google-btn{width:100%;background:#fff;color:#1e293b;border:none;padding:12px 24px;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000001a}.login-google-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a;background:#f8fafc}.login-google-btn:disabled{opacity:.7;cursor:not-allowed}.login-google-btn:before{content:"";display:block;width:20px;height:20px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path fill="%23EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"/><path fill="%234285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"/><path fill="%23FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"/><path fill="%2334A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"/></svg>');background-size:cover}.logout-btn{background:#ef44441a;color:#fca5a5;border:1px solid rgba(239,68,68,.2);padding:4px 12px;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.logout-btn:hover{background:#ef444433;color:#f87171}.pageids-container{grid-column:1 / -1;background:var(--card-bg);border-radius:var(--radius);padding:2rem;height:calc(100vh - 120px);overflow-y:auto}.pageids-header{display:flex;align-items:center;gap:12px;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--glass-border)}.pageids-header h2{font-size:1.8rem}.pageids-tooltip-wrap{position:relative;display:inline-flex;align-items:center}.pageids-tooltip-icon{font-size:1.1rem;color:var(--text-dim);cursor:default;-webkit-user-select:none;user-select:none;line-height:1}.pageids-tooltip-box{visibility:hidden;opacity:0;pointer-events:none;position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:#0f172af2;border:1px solid var(--glass-border);color:var(--text-dim);font-size:.8rem;line-height:1.4;padding:8px 12px;border-radius:8px;width:240px;white-space:normal;box-shadow:0 8px 24px #0006;transition:opacity .2s,visibility .2s;z-index:200}.pageids-tooltip-wrap:hover .pageids-tooltip-box{visibility:visible;opacity:1}.pageids-list{display:flex;flex-direction:column;gap:1rem;max-width:600px}.pageid-card{background:#ffffff08;border:1px solid var(--glass-border);border-radius:10px;padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center;transition:transform .2s,background .2s}.pageid-card:hover{transform:translateY(-2px);background:#ffffff0d}.pageid-info{display:flex;flex-direction:column;gap:4px}.pageid-name{font-size:.95rem;font-weight:600;color:var(--text)}.pageid-value{font-family:monospace;font-size:.85rem;color:#a3e635;word-break:break-all}.open-page-btn{background:#6366f1;color:#fff;border:none;padding:6px 14px;border-radius:6px;font-size:.8rem;cursor:pointer;font-weight:600;white-space:nowrap;transition:background .2s,transform .15s}.open-page-btn:hover{background:#4f46e5;transform:translateY(-1px)}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{-webkit-transition:all .25s ease-in;-moz-transition:all .25s ease-in;-ms-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:2;top:20px;background:none;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:focus,.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:""}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.carousel img{width:100%;display:inline-block;pointer-events:none}.carousel .carousel{position:relative}.carousel .control-arrow{outline:0;border:0;background:none;top:50%;margin-top:-13px;font-size:18px}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{-webkit-transition:all .15s ease-in;-moz-transition:all .15s ease-in;-ms-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translateZ(0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{-webkit-transition:border .15s ease-in;-moz-transition:border .15s ease-in;-ms-transition:border .15s ease-in;-o-transition:border .15s ease-in;transition:border .15s ease-in;display:inline-block;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}.carousel.carousel-slider .control-arrow:hover{background:#0003}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;-webkit-transition:height .15s ease-in;-moz-transition:height .15s ease-in;-ms-transition:height .15s ease-in;-o-transition:height .15s ease-in;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{-webkit-flex-direction:column;flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}.carousel .slide .legend{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:.25;-webkit-transition:opacity .35s ease-in-out;-moz-transition:opacity .35s ease-in-out;-ms-transition:opacity .35s ease-in-out;-o-transition:opacity .35s ease-in-out;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1}@media(min-width:960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{-webkit-transition:opacity .25s ease-in;-moz-transition:opacity .25s ease-in;-ms-transition:opacity .25s ease-in;-o-transition:opacity .25s ease-in;transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);box-shadow:1px 1px 2px #000000e6;background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,.9);color:#fff}.carousel:hover .slide .legend{opacity:1}