.json-tree{font-size:14px;line-height:1.5}.collapsible:hover{cursor:pointer;text-decoration:underline}.json-key{color:#881391;font-weight:700}.json-string{color:#1A8F35}.json-number{color:#1A56DB}.json-boolean{color:#B5470F}.json-null{color:#808080}.indent{margin-left:2rem}.caret{display:inline-block;width:12px;text-align:center}.line{white-space:nowrap}.copy-button{opacity:0;transition:opacity .2s}.json-node:hover .copy-button{opacity:1}.faq-content strong{font-weight:700}.thumbnail-card{transition:all .3s ease}.thumbnail-card:hover{transform:translateY(-5px)}.download-btn{transition:all .2s ease}.download-btn:hover{transform:translateY(-2px)}.pulse-animation{animation:pulse 2s infinite}.fade-in{animation:fadeIn .5s ease-in-out}.shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-3px,0,0)}40%,60%{transform:translate3d(3px,0,0)}}.blob{border-radius:9999px;opacity:.4;pointer-events:none;z-index:0}.glass-effect{backdrop-filter:blur(10px);background:rgba(255,255,255,.9)}.number-display{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pulse-animation{animation:pulse .6s ease-in-out}.slide-in{animation:slideIn .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.history-item{transition:all .3s ease}.history-item:hover{transform:translateX(5px);background-color:rgba(99,102,241,.1)}.game-board{display:grid;gap:1px;background:linear-gradient(135deg,#1e293b,#334155);border-radius:12px;padding:8px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);max-width:100%;max-height:100%}.cell{background:#0f172a;border-radius:2px;transition:all .15s cubic-bezier(.4,0,.2,1);position:relative}.snake-head{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 0 20px rgba(16,185,129,.4);border-radius:4px;transform:scale(1.1)}.snake-body{background:linear-gradient(135deg,#34d399,#10b981);border-radius:3px;transform:scale(.95)}.food{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;animation:foodPulse 1s infinite;box-shadow:0 0 15px rgba(239,68,68,.6)}@keyframes foodPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.game-over-panel{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(15,23,42,.95);border-radius:12px;text-align:center}.hud-panel{backdrop-filter:blur(10px);background:rgba(15,23,42,.8);border:1px solid rgba(148,163,184,.2)}.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);transition:all .2s ease}.btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 10px 25px rgba(59,130,246,.3)}.btn-secondary{background:linear-gradient(135deg,#64748b,#475569)}.btn-secondary:hover{background:linear-gradient(135deg,#475569,#334155);transform:translateY(-1px)}.settings-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:50}.modal-content{background:#1e293b;padding:30px;border-radius:10px;width:90%;max-width:450px;box-shadow:0 10px 25px rgba(0,0,0,.5)}.touch-controls{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:150px;height:150px;gap:5px;margin-top:10px}.control-btn{background:#334155;color:white;display:flex;align-items:center;justify-content:center;font-size:1.5rem;border-radius:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 4px #1e293b;transition:all .1s}.control-btn:active{transform:translateY(2px);box-shadow:0 2px #1e293b}.empty-cell{background:transparent}body{background-color:#f5f7fa}.drop-zone{border:2px dashed #cbd5e1;transition:all .3s ease}.drop-zone.active{border-color:#3b82f6;background-color:rgba(59,130,246,.05)}.image-preview{max-height:300px;-o-object-fit:contain;object-fit:contain}.quality-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#3b82f6;cursor:pointer;border:2px solid white;box-shadow:0 2px 6px rgba(0,0,0,.15)}.quality-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#3b82f6;cursor:pointer;border:2px solid white;box-shadow:0 2px 6px rgba(0,0,0,.15)}.progress-ring{transform:rotate(-90deg)}.progress-ring__circle{stroke-dasharray:251.2;stroke-dashoffset:251.2;transition:stroke-dashoffset .5s ease}.blob{position:absolute;border-radius:50%;filter:blur(70px);z-index:-1;opacity:.5}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease forwards}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.scale-in{animation:scaleIn .3s ease forwards}.light-text{font-weight:300}.normal-text{font-weight:400}.medium-text{font-weight:500}.semibold-text{font-weight:600}.bold-text{font-weight:700}.extrabold-text{font-weight:800}