:root{font-size:16px;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-family:"Jersey 10",Courier New,monospace;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0;margin:0;border:0}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border:0px solid transparent;background-color:transparent;cursor:pointer;transition:border-color .25s;font-family:"Jersey 10",Courier New,monospace}button:focus,s button:focus-visible{outline:none}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:transparent}}.pageLayout{width:100vw}.header{position:absolute;top:0;width:100%;height:3rem}.header>div{height:4rem;display:flex;align-items:center;flex-shrink:0;background:#d9d9d9}.header>div .blogIcon{width:3rem}.header>div>div{margin-left:auto}.header>div>div>ul{display:flex;flex-direction:row;gap:.5rem;align-items:center;justify-content:center}.header>div>div>ul li{display:inline;margin:0rem;color:#000}.header>div>div>ul button{font-size:1.8rem}.header>div>span{font-size:clamp(1.2rem,1.8vw,2rem)}.home{display:flex;flex-direction:column;align-items:center;position:absolute;top:4rem;width:100vw;height:94.5vh}.home>span{font-size:clamp(1.5rem,2vw,2.5rem)}.home>div{flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;width:90vw;max-width:80rem;height:90vh;display:flex}.home>div>span{font-size:clamp(7rem,8vw,9em)}.profile{display:flex;flex-direction:column;align-items:center;position:absolute;top:4rem;width:100vw;height:94.5vh}.profile>span{font-size:clamp(1.5rem,2vw,2.5rem)}.profile>div{flex-direction:column;align-items:center;gap:1.5rem;width:90vw;max-width:80rem;height:90vh;display:flex}.profile-container{background:#fff;border-radius:20px;padding:2rem;min-width:40rem;max-width:60rem;width:90%;box-shadow:0 10px 30px #0003}.profile-container .user-profile{text-align:center;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.profile-container .user-profile .user-avatar{width:80px;height:80px;border-radius:50%;margin-bottom:1rem;border:3px solid #667eea}.profile-container .user-profile>span{color:#333;margin:1rem 0 .5rem;font-family:"Jersey 10",Courier New,monospace;font-size:clamp(1.5rem,2vw,2.5em);font-weight:400;letter-spacing:1px}.profile-container .user-profile p{color:#666;margin-bottom:1.5rem;font-family:"Jersey 10",Courier New,monospace;font-size:clamp(1.5rem,2vw,2.5em)}.profile-container .user-profile .signout-btn{background:#ff4757;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:25px;cursor:pointer;font-size:1.1rem;font-family:"Jersey 10",Courier New,monospace;font-weight:400;letter-spacing:1px;transition:background .3s ease}.profile-container .user-profile .signout-btn:hover{background:#ff3838}.pixel-show-card-bg{display:flex;flex-direction:column;border:16px solid transparent;border-image:url("data:image/svg+xml,%3csvg%20width='379'%20height='272'%20viewBox='0%200%20379%20272'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15.1602%2060.4443H0V37.7783H15.1602V60.4443ZM53.0596%2015.1113H15.1602V37.7773H0V0H53.0596V15.1113Z'%20fill='black'/%3e%3cpath%20d='M53.0596%2060.4443H15.1602V37.7783H53.0596V60.4443ZM53.0596%2037.7773H15.1602V15.1113H53.0596V37.7773Z'%20fill='white'/%3e%3cpath%20d='M144.02%2015.1113H53.0596V0H144.02V15.1113ZM242.56%2015.1113H144.021V0H242.56V15.1113ZM325.94%2015.1113H242.561V0H325.94V15.1113Z'%20fill='black'/%3e%3cpath%20d='M144.02%2060.4443H53.0596V37.7783H144.02V60.4443ZM242.56%2060.4443H144.021V37.7783H242.56V60.4443ZM325.94%2060.4443H242.561V37.7783H325.94V60.4443ZM144.02%2037.7773H53.0596V15.1113H144.02V37.7773ZM242.56%2037.7773H144.021V15.1113H242.56V37.7773ZM325.94%2037.7773H242.561V15.1113H325.94V37.7773Z'%20fill='white'/%3e%3cpath%20d='M333.521%2060.4443H325.941V37.7783H333.521V60.4443ZM341.101%2060.4443H333.521V37.7783H341.101V60.4443ZM371.421%2060.4443H341.102V37.7783H371.421V60.4443ZM333.521%2037.7773H325.941V15.1113H333.521V37.7773ZM341.101%2037.7773H333.521V15.1113H341.101V37.7773ZM371.421%2037.7773H341.102V15.1113H371.421V37.7773Z'%20fill='white'/%3e%3cpath%20d='M379.001%2060.4443H371.421V37.7783H379.001V60.4443ZM379.001%2037.7773H371.421V15.1113H341.102V0H379.001V37.7773ZM333.521%2015.1113H325.941V0H333.521V15.1113ZM341.101%2015.1113H333.521V0H341.101V15.1113Z'%20fill='black'/%3e%3cpath%20d='M15.1602%20211.556H0V173.778H15.1602V211.556ZM15.1602%20173.777H0V105.778H15.1602V173.777ZM15.1602%20105.777H0V60.4443H15.1602V105.777Z'%20fill='black'/%3e%3cpath%20d='M53.0596%20211.556H15.1602V173.778H53.0596V211.556ZM53.0596%20173.777H15.1602V105.778H53.0596V173.777ZM53.0596%20105.777H15.1602V60.4443H53.0596V105.777Z'%20fill='white'/%3e%3cpath%20d='M144.02%20211.556H53.0605V173.778H144.02V211.556ZM242.56%20211.556H144.021V173.778H242.56V211.556ZM325.94%20211.556H242.561V173.778H325.94V211.556ZM144.02%20173.777H53.0605V105.778H144.02V173.777ZM242.56%20173.777H144.021V105.778H242.56V173.777ZM325.94%20173.777H242.561V105.778H325.94V173.777ZM144.02%20105.777H53.0605V60.4443H144.02V105.777ZM242.56%20105.777H144.021V60.4443H242.56V105.777ZM325.94%20105.777H242.561V60.4443H325.94V105.777Z'%20fill='white'/%3e%3cpath%20d='M333.521%20211.556H325.941V173.778H333.521V211.556ZM341.101%20211.556H333.521V173.778H341.101V211.556ZM371.421%20211.556H341.102V173.778H371.421V211.556ZM333.521%20173.777H325.941V105.778H333.521V173.777ZM341.101%20173.777H333.521V105.778H341.101V173.777ZM371.421%20173.777H341.102V105.778H371.421V173.777ZM333.521%20105.777H325.941V60.4443H333.521V105.777ZM341.101%20105.777H333.521V60.4443H341.101V105.777ZM371.421%20105.777H341.102V60.4443H371.421V105.777Z'%20fill='white'/%3e%3cpath%20d='M379.001%20211.556H371.421V173.778H379.001V211.556ZM379.001%20173.777H371.421V105.778H379.001V173.777ZM379.001%20105.777H371.421V60.4443H379.001V105.777Z'%20fill='black'/%3e%3cpath%20d='M53.0596%20256.889H15.1602V211.556H53.0596V256.889Z'%20fill='white'/%3e%3cpath%20d='M15.1602%20256.889H53.0596V272H0V211.556H15.1602V256.889Z'%20fill='black'/%3e%3cpath%20d='M144.02%20256.889H53.0596V241.778H144.02V256.889ZM242.56%20256.889H144.021V241.778H242.56V256.889ZM325.94%20256.889H242.561V241.778H325.94V256.889ZM144.02%20241.777H53.0596V211.556H144.02V241.777ZM242.56%20241.777H144.021V211.556H242.56V241.777ZM325.94%20241.777H242.561V211.556H325.94V241.777Z'%20fill='white'/%3e%3cpath%20d='M144.02%20272H53.0596V256.889H144.02V272ZM242.56%20272H144.021V256.889H242.56V272ZM325.94%20272H242.561V256.889H325.94V272Z'%20fill='black'/%3e%3cpath%20d='M333.521%20256.889H325.941V241.778H333.521V256.889ZM341.101%20256.889H333.521V241.778H341.101V256.889ZM371.421%20256.889H341.102V241.778H371.421V256.889ZM333.521%20241.777H325.941V211.556H333.521V241.777ZM341.101%20241.777H333.521V211.556H341.101V241.777ZM371.421%20241.777H341.102V211.556H371.421V241.777Z'%20fill='white'/%3e%3cpath%20d='M333.521%20272H325.941V256.889H333.521V272ZM341.101%20272H333.521V256.889H341.101V272ZM379.001%20272H341.102V256.889H371.421V241.778H379.001V272ZM379.001%20241.777H371.421V211.556H379.001V241.777Z'%20fill='black'/%3e%3c/svg%3e") 48 fill;box-sizing:border-box;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;outline:none;cursor:default;width:clamp(22rem,36vw,33rem);height:clamp(13rem,18vw,25rem)}.pixel-show-card-bg .title{display:flex;align-items:center}.pixel-show-card-bg .title>div{display:flex;align-items:center;gap:.5rem}.pixel-show-card-bg .title>div>button{display:flex;align-items:center;margin-left:auto;border:none;cursor:pointer;background-color:transparent;padding:0;outline:none}.pixel-show-card-bg .title>div>button:hover{background-color:transparent;border:none}.pixel-show-card-bg .title>div>button:active{background-color:transparent;border:none}.pixel-show-card-bg .title>div>button:focus{background-color:transparent;border:none}.pixel-show-card-bg .title>div>button>img{width:clamp(2rem,3vw,3rem)}.pixel-show-card-bg .title>span{font-size:clamp(2rem,3vw,3rem)!important}.pixel-show-card-bg .content{display:flex;flex-direction:column;justify-content:center;text-align:left}.pixel-show-card-bg .content>span{display:flex;font-size:clamp(2rem,3vw,3rem)!important;gap:.5rem}.pixel-show-card-bg .content>span>img{height:clamp(2rem,3vw,3rem)}.lab .lab-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1.5rem;width:90vw;max-width:80rem;height:90vh;padding:1rem}.lab .lab-container .method-container{display:flex;gap:1rem;align-items:center;width:100%}.lab .lab-container .method-container select,.lab .lab-container .method-container input{padding:.5rem;border:2px solid #ccc;border-radius:4px;font-size:1rem}.lab .lab-container .method-container select:focus,.lab .lab-container .method-container input:focus{outline:none;border-color:#667eea}.lab .lab-container .method-container select{min-width:120px}.lab .lab-container .method-container input{min-width:300px;flex:1}.lab .lab-container .monitor-container{display:flex;gap:1rem;width:100%;height:70vh}.lab .lab-container .monitor-container .result-container{width:50%;background:#fff;border:1px solid #ddd;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.lab .lab-container .monitor-container .result-container .result-header{background:#f8f9fa;padding:.75rem 1rem;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center}.lab .lab-container .monitor-container .result-container .result-header span{font-weight:700;font-size:1.1rem}.lab .lab-container .monitor-container .result-container .result-header .copy-btn{background:#007bff;color:#fff;border:none;padding:.25rem .5rem;border-radius:4px;cursor:pointer;font-size:.9rem}.lab .lab-container .monitor-container .result-container .result-header .copy-btn:hover{background:#0056b3}.lab .lab-container .monitor-container .result-container .json-viewer{flex:1;overflow:auto;padding:1rem;font-family:Courier New,Monaco,Menlo,monospace;font-size:14px;line-height:1.4;background:#f8f8f8}.lab .lab-container .monitor-container .result-container .json-viewer .drag-instruction .instruction-text{background:#e3f2fd;color:#1565c0;padding:.5rem;border-radius:4px;margin-bottom:1rem;font-size:12px;text-align:center;border-left:4px solid #2196f3}.lab .lab-container .monitor-container .result-container .json-viewer .loading,.lab .lab-container .monitor-container .result-container .json-viewer .no-result{text-align:center;color:#666;font-style:italic;padding:2rem}.lab .lab-container .monitor-container .result-container .json-viewer .json-object .json-object-item,.lab .lab-container .monitor-container .result-container .json-viewer .json-object .json-array-item,.lab .lab-container .monitor-container .result-container .json-viewer .json-array .json-object-item,.lab .lab-container .monitor-container .result-container .json-viewer .json-array .json-array-item{margin:2px 0}.lab .lab-container .monitor-container .result-container .json-viewer .json-key{color:#06c;font-weight:700}.lab .lab-container .monitor-container .result-container .json-viewer .json-string{color:green}.lab .lab-container .monitor-container .result-container .json-viewer .json-string.draggable-item{cursor:grab;padding:2px 4px;border-radius:3px;transition:all .2s ease}.lab .lab-container .monitor-container .result-container .json-viewer .json-string.draggable-item:hover{background:#e8f5e8;box-shadow:0 2px 4px #00800033}.lab .lab-container .monitor-container .result-container .json-viewer .json-string.draggable-item.json-image-url{background:#fff3cd;border:1px solid #ffeaa7}.lab .lab-container .monitor-container .result-container .json-viewer .json-string.draggable-item.json-image-url:hover{background:#ffeaa7}.lab .lab-container .monitor-container .result-container .json-viewer .json-number{color:#f60}.lab .lab-container .monitor-container .result-container .json-viewer .json-number.draggable-item{cursor:grab;padding:2px 4px;border-radius:3px;transition:all .2s ease}.lab .lab-container .monitor-container .result-container .json-viewer .json-number.draggable-item:hover{background:#ffe8d6;box-shadow:0 2px 4px #f603}.lab .lab-container .monitor-container .result-container .json-viewer .json-boolean{color:#c00;font-weight:700}.lab .lab-container .monitor-container .result-container .json-viewer .json-boolean.draggable-item{cursor:grab;padding:2px 4px;border-radius:3px;transition:all .2s ease}.lab .lab-container .monitor-container .result-container .json-viewer .json-boolean.draggable-item:hover{background:#ffe6e6;box-shadow:0 2px 4px #c003}.lab .lab-container .monitor-container .result-container .json-viewer .draggable-item:active{cursor:grabbing;transform:scale(.95)}.lab .lab-container .monitor-container .result-container .json-viewer .json-null,.lab .lab-container .monitor-container .result-container .json-viewer .json-undefined{color:gray;font-style:italic}.lab .lab-container .monitor-container .result-container .json-viewer .json-bracket{color:#666;font-weight:700}.lab .lab-container .monitor-container .result-container .json-viewer .json-colon,.lab .lab-container .monitor-container .result-container .json-viewer .json-comma{color:#666}.lab .lab-container .monitor-container .result-container .json-viewer .json-index{color:#666;margin-right:.5rem}.lab .lab-container .monitor-container .template-container{width:50%;margin-left:20px;display:flex;flex-direction:column;height:100%}.lab .lab-container .monitor-container .template-container .template-header{padding:12px 16px;background:#f8fafc;border-bottom:2px solid #e2e8f0;font-weight:700;color:#2d3748;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;align-items:center}.lab .lab-container .monitor-container .template-container .template-header .header-buttons{display:flex;gap:8px}.lab .lab-container .monitor-container .template-container .template-header .template-btn{padding:6px 12px;border:none;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s ease;font-weight:500}.lab .lab-container .monitor-container .template-container .template-header .template-btn.add-btn{background:#10b981;color:#fff}.lab .lab-container .monitor-container .template-container .template-header .template-btn.add-btn:hover{background:#059669;transform:translateY(-1px)}.lab .lab-container .monitor-container .template-container .template-header .template-btn.clear-btn{background:#ef4444;color:#fff}.lab .lab-container .monitor-container .template-container .template-header .template-btn.clear-btn:hover{background:#dc2626;transform:translateY(-1px)}.lab .lab-container .monitor-container .template-container .template-content{flex:1;background:#fff;border:2px solid #e2e8f0;border-top:none;border-radius:0 0 8px 8px;overflow:hidden;display:flex;flex-direction:column}.lab .lab-container .monitor-container .template-container .template-builder{padding:16px;flex:1;overflow-y:auto}.lab .lab-container .monitor-container .template-container .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#64748b;text-align:center}.lab .lab-container .monitor-container .template-container .empty-state .empty-icon{font-size:48px;margin-bottom:16px;opacity:.6}.lab .lab-container .monitor-container .template-container .empty-state .empty-text{font-size:18px;font-weight:500;margin-bottom:8px}.lab .lab-container .monitor-container .template-container .empty-state .empty-hint{font-size:14px;opacity:.8}.lab .lab-container .monitor-container .template-container .template-items-list{display:flex;flex-direction:column;gap:16px}.lab .lab-container .monitor-container .template-container .template-item-container{border:2px solid #e2e8f0;border-radius:12px;background:#fff;overflow:hidden;transition:all .3s ease;position:relative}.lab .lab-container .monitor-container .template-container .template-item-container:hover{box-shadow:0 4px 12px #0000001a;border-color:#3b82f6}.lab .lab-container .monitor-container .template-container .template-item-container .template-item-header{background:#f1f5f9;padding:8px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8f0}.lab .lab-container .monitor-container .template-container .template-item-container .template-item-header .item-number{font-weight:700;color:#475569;font-size:14px}.lab .lab-container .monitor-container .template-container .template-item-container .template-item-header .delete-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;font-size:14px}.lab .lab-container .monitor-container .template-container .template-item-container .template-item-header .delete-btn:hover{background:#fee2e2;transform:scale(1.1)}.lab .lab-container .monitor-container .template-container .template-item-container .template-item-content{padding:16px;display:grid;grid-template-columns:2fr 3fr;grid-template-rows:auto auto;gap:16px;grid-template-areas:"image name" "image value"}.lab .lab-container .monitor-container .template-container .name-input-zone{border:2px solid #10b981;border-radius:8px;padding:16px;background:#f0fdf4;box-sizing:border-box;grid-area:name}.lab .lab-container .monitor-container .template-container .name-input-zone .input-label{font-weight:700;margin-bottom:8px;color:#374151;font-size:14px}.lab .lab-container .monitor-container .template-container .name-input-zone .template-name-input{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;box-sizing:border-box}.lab .lab-container .monitor-container .template-container .name-input-zone .template-name-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.lab .lab-container .monitor-container .template-container .name-input-zone .template-name-input::placeholder{color:#9ca3af}.lab .lab-container .monitor-container .template-container .drop-zone{border:2px dashed #cbd5e1;border-radius:8px;padding:16px;min-height:80px;transition:all .3s ease;background:#f8fafc;position:relative}.lab .lab-container .monitor-container .template-container .drop-zone.image-zone{border-color:#f59e0b;grid-area:image}.lab .lab-container .monitor-container .template-container .drop-zone.image-zone.drag-over{border-color:#d97706;background:#fef3c7}.lab .lab-container .monitor-container .template-container .drop-zone.value-zone{border-color:#8b5cf6;grid-area:value}.lab .lab-container .monitor-container .template-container .drop-zone.value-zone.drag-over{border-color:#7c3aed;background:#ede9fe}.lab .lab-container .monitor-container .template-container .drop-zone .drop-label{font-weight:700;margin-bottom:8px;color:#374151;font-size:14px}.lab .lab-container .monitor-container .template-container .drop-zone .drop-placeholder{color:#9ca3af;font-style:italic;text-align:center;font-size:14px}.lab .lab-container .monitor-container .template-container .drop-zone .dropped-content .preview-image{max-width:100%;max-height:120px;border-radius:6px;border:1px solid #e5e7eb}.lab .lab-container .monitor-container .template-container .drop-zone .dropped-content .image-url{word-break:break-all;font-size:12px;color:#6b7280;margin-top:8px}.lab .lab-container .monitor-container .template-container .drop-zone .dropped-content .template-value-display{background:#f9fafb;padding:12px;border-radius:6px;border:1px solid #e5e7eb;font-family:Courier New,monospace;font-size:12px;white-space:pre-wrap;max-height:120px;overflow-y:auto;word-break:break-all}.pixel-button{display:flex;flex-direction:column;align-items:center;justify-content:center;border:16px solid transparent;border-image:url("data:image/svg+xml,%3csvg%20width='43'%20height='42'%20viewBox='0%200%2043%2042'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M27.6748%201.58398H15V0H27.6748V1.58398Z'%20fill='black'/%3e%3cpath%20d='M15.0508%201.58398H13.4668V2.37695H11.8828V3.16895H11.0898V3.96094H10.2979V4.75293H9.50586V5.54492H7.92188V6.33691H7.12988V7.12988H6.33691V7.92188H5.54492V8.71387H3.96094V9.50586H3.16895V10.2979H2.37695V11.0898H1.58398V12.6748H0V9.50586H0.791992V8.71387H2.37695V7.92188H3.16895V7.12988H3.96094V6.33691H4.75293V5.54492H6.33691V4.75293H7.12988V3.96094H7.92188V3.16895H8.71387V2.37695H10.2979V1.58398H11.0898V0.791992H11.8828V0H15.0508V1.58398Z'%20fill='black'/%3e%3cpath%20d='M30.1689%200.791992H31.7529V1.58398H32.5449V2.37695H33.3369V3.16895H34.1299V3.96094H35.7139V4.75293H36.5059V5.54492H37.2979V6.33691H38.0898V7.12988H39.6748V7.92188H40.4668V8.71387H41.2588V9.50586H42.0508V12.6748H40.4668V10.2979H38.8828V9.50586H38.0898V8.71387H37.2979V7.92188H36.5059V7.12988H34.9219V6.33691H34.1299V5.54492H33.3369V4.75293H32.5449V3.96094H30.9609V3.16895H30.1689V2.37695H29.377V1.58398H27V0H30.1689V0.791992Z'%20fill='black'/%3e%3cpath%20d='M1.58398%2022.1807H0V15.8438H1.58398V22.1807ZM1.58398%2015.8428H0V12.6748H1.58398V15.8428Z'%20fill='black'/%3e%3cpath%20d='M42.084%2022.0059H40.5V15.6689H42.084V22.0059ZM42.084%2015.668H40.5V12.5H42.084V15.668Z'%20fill='black'/%3e%3cpath%20d='M13.4668%2039.4277H15.0508V41.0117H11.0898V40.2197H10.2979V39.4277H9.50586V38.6357H13.4668V39.4277ZM7.12988%2034.6748H7.92188V35.4668H8.71387V36.2588H9.50586V37.0508H11.0898V37.8428H11.8828V33.8828H13.4668V38.6348H8.71387V37.8428H7.12988V37.0508H6.33691V36.2588H5.54492V35.4668H4.75293V34.6748H3.16895V33.8828H7.12988V34.6748ZM1.58398%2023.584H3.16895V24.376H3.96094V25.168H4.75293V25.9609H5.54492V26.7529H7.12988V27.5449H7.92188V28.3369H8.71387V29.1289H9.50586V29.9219H11.0898V30.7139H11.8828V31.5059H12.6748V32.2979H15.0508V33.8818H11.8828V33.0898H10.2979V32.2979H9.50586V31.5059H8.71387V30.7139H7.92188V29.9219H6.33691V29.1289H5.54492V28.3369H4.75293V27.5449H3.96094V26.7529H2.37695V25.9609H1.58398V30.7139H3.16895V31.5059H3.96094V32.2979H4.75293V33.0898H5.54492V33.8818H2.37695V33.0898H1.58398V32.2979H0.791992V31.5059H0V22H1.58398V23.584Z'%20fill='black'/%3e%3cpath%20d='M27.6748%2040.7139H15V39.1299H27.6748V40.7139ZM27.6748%2033.584H15V32H27.6748V33.584Z'%20fill='black'/%3e%3cpath%20d='M33.3369%2039.4277H31.7529V40.2197H30.9609V41.0117H27V39.4277H28.584V38.6357H33.3369V39.4277ZM30.9609%2037.8428H31.7529V37.0508H32.5449V36.2588H33.3369V35.4668H34.9219V34.6748H35.7139V33.8828H38.8828V34.6748H38.0898V35.4668H37.2979V36.2588H35.7139V37.0508H34.9219V37.8428H34.1299V38.6348H28.584V33.8828H30.9609V37.8428ZM42.0508%2032.2979H41.2588V33.0898H39.6748V33.8818H36.5059V33.0898H37.2979V32.2979H38.8828V31.5059H39.6748V30.7139H40.4668V25.9609H39.6748V26.7529H38.8828V27.5449H38.0898V28.3369H36.5059V29.1289H35.7139V29.9219H34.9219V30.7139H34.1299V31.5059H32.5449V32.2979H31.7529V33.0898H30.9609V33.8818H27V32.2979H29.377V31.5059H30.9609V30.7139H31.7529V29.9219H32.5449V29.1289H33.3369V28.3369H34.9219V27.5449H35.7139V26.7529H36.5059V25.9609H37.2979V25.168H38.8828V24.376H39.6748V23.584H40.4668V22H42.0508V32.2979Z'%20fill='black'/%3e%3c/svg%3e") 18 fill;position:relative;box-sizing:border-box;cursor:pointer;color:#333;transition:all .1s ease;outline:none;background:transparent!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}.pixel-button:hover{transform:translateY(1.5px);filter:brightness(1.1);background:transparent!important}.pixel-button:active{transform:translateY(1px);filter:brightness(.9);background:transparent!important}.pixel-button:focus{outline:none;background:transparent!important}.pixel-button.disabled{color:#999;cursor:not-allowed;transform:none!important;filter:brightness(.7);background:transparent!important}.pixel-button.disabled:hover{transform:none;filter:brightness(.7);background:transparent!important}.pixel-button span{font-size:clamp(1rem,1.3vw,1.5rem)!important;position:relative;top:-5px;pointer-events:none;text-align:center;text-shadow:1px 1px 0px rgba(255,255,255,.8);letter-spacing:1px;font-family:inherit}.pixel-button *,.pixel-button *:before,.pixel-button *:after{font-family:inherit;font-size:inherit}.lab{display:flex;flex-direction:column;align-items:center;position:absolute;top:4rem;width:100vw;height:94.5vh}.lab>span{font-size:clamp(1.5rem,2vw,2.5rem)}.lab>div{background:#d9d9d9;width:90vw;min-width:65rem;height:90vh;display:flex}.login{display:flex;flex-direction:column;align-items:center;position:absolute;top:4rem;width:100vw;height:94.5vh;font-family:"Jersey 10",Courier New,monospace}.login .login-container{background:#fff;border-radius:20px;padding:2rem;margin-top:2rem;min-width:400px;max-width:500px;width:90%;box-shadow:0 10px 30px #0003}.login .login-container>span{text-align:center;color:#333;margin-bottom:2rem;font-size:2.5rem;font-family:"Jersey 10",Courier New,monospace;font-weight:400;letter-spacing:2px}.login .login-container .user-profile{text-align:center;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.login .login-container .user-profile .user-avatar{width:80px;height:80px;border-radius:50%;margin-bottom:1rem;border:3px solid #667eea}.login .login-container .user-profile>span{color:#333;margin:1rem 0 .5rem;font-family:"Jersey 10",Courier New,monospace;font-size:clamp(1.5rem,2vw,2.5em);font-weight:400;letter-spacing:1px}.login .login-container .user-profile p{color:#666;margin-bottom:1.5rem;font-family:"Jersey 10",Courier New,monospace;font-size:clamp(1.5rem,2vw,2.5em)}.login .login-container .user-profile .signout-btn{background:#ff4757;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:25px;cursor:pointer;font-size:1.1rem;font-family:"Jersey 10",Courier New,monospace;font-weight:400;letter-spacing:1px;transition:background .3s ease}.login .login-container .user-profile .signout-btn:hover{background:#ff3838}.login .login-container .login-forms .google-login-section{text-align:center;margin-bottom:1.5rem}.login .login-container .login-forms .google-login-section #google-signin-button{display:inline-block;margin:0 auto}.login .login-container .login-forms .google-login-section p{margin-top:1rem;color:#666;font-style:italic;font-family:"Jersey 10",Courier New,monospace;font-size:1rem}.login .login-container .login-forms .divider{text-align:center;position:relative;margin:2rem 0}.login .login-container .login-forms .divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#ddd}.login .login-container .login-forms .divider span{background:#fff;padding:0 1rem;color:#666;font-size:1.1rem;font-family:"Jersey 10",Courier New,monospace;font-weight:400;letter-spacing:1px}.login .login-container .login-forms .traditional-login .form-group{margin-bottom:1.5rem}.login .login-container .login-forms .traditional-login .form-group label{display:block;margin-bottom:.5rem;color:#333;font-weight:400;font-family:"Jersey 10",Courier New,monospace;font-size:1.1rem;letter-spacing:1px}.login .login-container .login-forms .traditional-login .form-group input{width:100%;padding:.75rem;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;font-family:"Jersey 10",Courier New,monospace;transition:border-color .3s ease;box-sizing:border-box}.login .login-container .login-forms .traditional-login .form-group input:focus{outline:none;border-color:#667eea}.login .login-container .login-forms .traditional-login .form-group input::placeholder{color:#999;font-family:"Jersey 10",Courier New,monospace}.login .login-container .login-forms .traditional-login .login-btn{width:100%;background:#000;color:#fff;border:none;padding:.75rem;border-radius:8px;font-size:1.1rem;font-family:"Jersey 10",Courier New,monospace;font-weight:400;letter-spacing:1px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.login .login-container .login-forms .traditional-login .login-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea4d}.login .login-container .login-forms .traditional-login .login-btn:active{transform:translateY(0)}