body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.stack-quest{background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:16px;box-sizing:border-box;color:#e2e8f0;margin:0 auto;padding:20px;width:100%}.quest-header{background:#1e293b80;border:1px solid #64748b33;border-radius:12px;box-sizing:border-box;margin-bottom:20px;padding:16px 16px 80px}.phase-info{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:20px;width:100%}.header-right{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:12px}.header-right .instruction-box{bottom:16px;left:50%;max-width:600px;position:absolute;text-align:center;transform:translateX(-50%);width:calc(100% - 32px)}.quest-header{position:relative}.quest-header h1{word-wrap:break-word;color:#f97316;flex-shrink:0;font-size:24px;font-weight:700;line-height:1.3;margin:0}.phase-meta{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:8px;margin-left:auto;white-space:nowrap}.phase-number{color:#e2e8f0;font-size:14px;font-weight:500;white-space:nowrap}.difficulty-badge{font-size:12px;padding:4px 12px}.difficulty-badge.easy{background:#10b981;border:none;color:#fff}.difficulty-badge.medium{background:#f9731633;border:1px solid #f973164d;color:#f97316}.instruction-box{bottom:16px;left:50%;margin-bottom:0;margin-top:0;max-width:600px;position:absolute;text-align:center;transform:translateX(-50%);width:100%}.objective{color:#06b6d4;font-size:20px;font-weight:600;margin-bottom:8px}.description{color:#e2e8f0;font-size:14px;line-height:1.5;margin:0}.quest-content{grid-gap:20px;box-sizing:border-box;display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr;margin-bottom:20px;margin-left:auto;margin-right:auto;max-width:1200px;width:100%}.blocks-palette{background:#1e293b80;border:1px solid #64748b33;border-radius:12px;box-sizing:border-box;padding:16px}.blocks-palette h3{color:#e2e8f0;font-size:16px;margin-bottom:12px}.blocks-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));max-height:450px;overflow-y:auto}.block{background:linear-gradient(135deg,#475569,#64748b);border:2px solid #64748b;border-radius:8px;color:#fff;cursor:grab;font-weight:500;padding:12px 16px;text-align:center;transition:all .3s ease;-webkit-user-select:none;user-select:none}.block:hover{background:linear-gradient(135deg,#64748b,#94a3b8);border-color:#94a3b8;transform:translateY(-2px)}.block:active{cursor:grabbing}.program-area{background:#1e293b80;border:1px solid #64748b33;border-radius:12px;box-sizing:border-box;padding:20px}.program-area h3{color:#e2e8f0;font-size:16px;margin-bottom:15px}.program-box{grid-gap:8px;align-content:start;background:#0f172acc;border:2px dashed #475569;border-radius:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-bottom:15px;max-height:450px;min-height:200px;overflow-y:auto;padding:16px;transition:all .3s ease}.program-box:hover{background:#0f172ae6;border-color:#f97316}.empty-program{color:#64748b;font-style:italic;margin:auto;padding:40px 20px;text-align:center}.program-block{align-items:center;background:linear-gradient(135deg,#f97316,#ea580c);border-radius:6px;color:#fff;display:flex;font-weight:500;height:-webkit-fit-content;height:fit-content;justify-content:space-between;padding:10px 12px;width:100%}.program-block button{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-weight:700;height:20px;transition:background .3s ease;width:20px}.program-block button:hover{background:#ffffff4d}.blocks-grid::-webkit-scrollbar,.program-box::-webkit-scrollbar{width:8px}.blocks-grid::-webkit-scrollbar-track,.program-box::-webkit-scrollbar-track{background:#1e293b80;border-radius:4px}.blocks-grid::-webkit-scrollbar-thumb,.program-box::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}.blocks-grid::-webkit-scrollbar-thumb:hover,.program-box::-webkit-scrollbar-thumb:hover{background:#64748b}.program-controls{display:flex;gap:10px}.program-controls button{background:#0000;border:2px solid #f97316;border-radius:6px;color:#f97316;cursor:pointer;flex:1 1;font-weight:500;padding:10px 16px;transition:all .3s ease}.program-controls button:hover:not(:disabled){background:#f973161a;border-color:#fb923c;color:#fb923c}.program-controls button:disabled{cursor:not-allowed;opacity:.5}.stack-visualization{background:#1e293b80;border:1px solid #64748b33;border-radius:12px;padding:20px}.stack-visualization h3{color:#e2e8f0;font-size:16px;margin-bottom:15px}.stack-display{margin-bottom:0;min-height:200px}.stack-items{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.stack-item{background:linear-gradient(135deg,#06b6d4,#0891b2);border:2px solid #0891b2;border-radius:6px;color:#fff;font-weight:500;padding:8px 12px;text-align:center}.empty-stack{border:2px dashed #475569;border-radius:6px;color:#64748b;font-style:italic;padding:20px;text-align:center}.execution-info{background:#0f172acc;border:1px solid #64748b33;border-radius:8px;margin-bottom:0;padding:12px}.execution-info p{font-size:14px;margin:4px 0}.execution-info strong{color:#f97316}.knowledge-box{background:linear-gradient(135deg,#8b5cf61a,#7c3aed1a);border:2px solid #8b5cf64d;border-radius:12px;margin-bottom:20px;padding:20px;text-align:left}.knowledge-box h3{align-items:center;color:#a78bfa;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 12px}.knowledge-icon{color:#a78bfa;flex-shrink:0;height:20px;width:20px}.knowledge-box p{color:#e2e8f0;font-size:14px;line-height:1.6;margin:0}.result-panel{background:#1e293b80;border:1px solid #64748b33;border-radius:12px;margin-top:-20px;padding:20px;text-align:center}.result-panel h3{color:#e2e8f0;margin-bottom:10px}.result-value{background:#0e1629cc;border:2px solid #06b6d4;border-radius:8px;color:#06b6d4;font-size:32px;font-weight:700;margin-bottom:10px;padding:20px}.success{color:#10b981}.success p{font-size:18px;font-weight:600;margin-bottom:15px}.success-indicator{color:#10b981;font-size:20px;font-weight:700;margin-right:8px}.error{color:#ef4444}.error p{font-size:16px;margin-bottom:8px}.error-indicator{color:#ef4444;font-size:20px;font-weight:700;margin-right:8px}.next-phase-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.next-phase-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px)}@media (min-width:1024px){.quest-content{grid-gap:20px!important;display:grid!important;gap:20px!important;grid-template-columns:1fr 1fr 1fr!important;max-width:1200px!important}.quest-header,.stack-quest{padding:20px}.phase-info{align-items:flex-start;flex-direction:row;justify-content:space-between;margin-bottom:20px}.quest-header h1{font-size:28px}.objective{font-size:24px}.instruction-box{text-align:center}.blocks-palette,.program-area,.stack-visualization{padding:20px}.program-box{max-height:450px}.program-box,.stack-display{min-height:300px}}@media (min-width:768px) and (max-width:1023px){.quest-content{display:flex!important;flex-direction:column!important;gap:16px}}@media (max-width:767px){.quest-content{display:flex!important;flex-direction:column!important;gap:16px}}@media (max-width:600px){.stack-quest{border-radius:12px;padding:12px}.quest-header{margin-bottom:16px;padding:12px}.quest-header h1{font-size:18px}.phase-meta{align-items:flex-start;flex-direction:column;gap:8px}.objective{font-size:16px}.description{font-size:13px}.blocks-palette,.program-area,.stack-visualization{padding:12px}.blocks-palette h3,.program-area h3,.stack-visualization h3{font-size:14px}.program-box,.stack-display{min-height:150px;padding:12px}.block{font-size:14px;padding:10px 12px}}.sq-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#020617b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:50}.sq-modal{background:linear-gradient(135deg,#0b1220,#161f2e);border:1px solid #64748b4d;border-radius:16px;box-shadow:0 30px 60px #00000059;color:#e2e8f0;display:flex;flex-direction:column;max-height:85vh;overflow:hidden;width:min(600px,92vw)}.sq-modal-header{align-items:center;border-bottom:1px solid #64748b33;display:flex;justify-content:space-between;padding:12px 16px}.sq-modal-header h2{color:#f97316;font-size:18px;margin:0}.sq-close{background:#0000;border:2px solid #64748b;border-radius:8px;color:#94a3b8;cursor:pointer;height:32px;width:32px}.sq-close:hover{border-color:#f97316;color:#f97316}.sq-modal-body{flex:1 1;font-size:14px;max-height:calc(85vh - 120px);overflow-y:auto;padding:12px 16px 0}.sq-examples{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.sq-example{background:#1e293b80;border:1px solid #64748b40;border-radius:12px;padding:12px}.sq-example h4{color:#e2e8f0;font-size:14px;margin:0 0 8px}.sq-example pre{background:#0f172ae6;border:1px solid #64748b40;border-radius:8px;color:#e2e8f0;font-family:Fira Code,monospace;font-size:13px;line-height:1.6;margin:0 0 8px;padding:12px;white-space:pre-wrap}.sq-modal-footer{display:flex;justify-content:flex-end;padding:12px 16px 16px}.sq-primary{background:#0000;border:2px solid #f97316;border-radius:8px;color:#f97316;cursor:pointer;font-weight:600;padding:10px 16px;transition:all .2s ease}.sq-primary:hover{background:#f973161a;border-color:#fb923c;color:#fb923c}@media (max-width:768px){.sq-examples{grid-template-columns:1fr}}.completion-screen{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:40px 20px}.completion-content{background:linear-gradient(135deg,#1e293bcc,#0f172ae6);border:2px solid #64748b4d;border-radius:20px;box-shadow:0 20px 40px #0000004d;max-width:600px;padding:40px;text-align:center}.completion-icon svg{color:#10b981;height:80px;width:80px}.completion-content h1{color:#f97316;font-size:36px;font-weight:700;margin-bottom:12px}.completion-subtitle{color:#94a3b8;font-size:18px;line-height:1.5;margin-bottom:30px}.achievements{background:#0f172a99;border:1px solid #64748b33;border-radius:12px;margin-bottom:30px;padding:20px;text-align:left}.achievements h3{color:#e2e8f0;font-size:18px;margin-bottom:15px;text-align:center}.achievements ul{list-style:none;margin:0;padding:0}.achievements li{color:#cbd5e1;font-size:14px;line-height:1.5;margin-bottom:8px}.achievement-indicator{color:#f97316;font-size:16px;font-weight:700;margin-right:8px}.achievements strong{color:#f97316}.completion-actions{margin-top:20px}.restart-btn{background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:all .3s ease}.restart-btn:hover{background:linear-gradient(135deg,#ea580c,#dc2626);box-shadow:0 8px 20px #f973164d;transform:translateY(-2px)}@media (max-width:768px){.program-controls{flex-direction:column}.blocks-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.result-panel{margin-top:-10px}.result-value{font-size:24px;padding:15px}.completion-content{padding:30px 20px}.completion-content h1{font-size:28px}.completion-icon svg{height:60px;width:60px}}.score-submission{align-items:center;background:#1e293b80;border:1px solid #64748b33;border-radius:8px;display:flex;flex-direction:column;gap:12px;margin-bottom:20px;padding:16px}.score-submission .spinner{animation:spin 1s linear infinite;border:2px solid #64748b4d;border-radius:50%;border-top-color:#f59e0b;height:24px;width:24px}.score-submission p{color:#94a3b8;font-size:14px;margin:0}.score-status{align-items:center;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:8px;display:flex;justify-content:center;margin-bottom:20px;padding:12px 16px}.score-status p{color:#22c55e;font-size:14px;font-weight:500;margin:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.sq-modal{max-height:80vh;width:95vw}.sq-modal-header{padding:10px 12px}.sq-modal-header h2{font-size:16px}.sq-modal-body{font-size:13px;max-height:calc(80vh - 100px);padding:10px 12px 0}.sq-modal-footer{padding:10px 12px 12px}.sq-examples{gap:12px;grid-template-columns:1fr}.sq-example{padding:10px}.sq-example h4{font-size:13px}.sq-example pre{font-size:12px;padding:10px}.sq-primary{font-size:14px;padding:8px 14px}}.under-the-hood{background:#1e293b99;border:1px solid #64748b4d;border-left:3px solid #f97316;border-radius:8px;margin-top:24px;padding:16px}.under-the-hood-header{align-items:center;color:#f97316;display:flex;gap:8px;margin-bottom:12px}.under-the-hood-header svg{flex-shrink:0;height:16px;width:16px}.under-the-hood-header h4{color:#f97316;font-size:14px;font-weight:600;margin:0}.under-the-hood-content{color:#cbd5e1;font-size:13px;line-height:1.6}.under-the-hood-content p{margin:0 0 8px}.under-the-hood-content p:last-child{margin-bottom:0}.under-the-hood-content code{background:#0f172acc;border-radius:4px;color:#f97316;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;padding:2px 6px}.under-the-hood-content pre{background:#0f172acc;border-radius:6px;font-size:12px;line-height:1.5;margin:8px 0;overflow-x:auto;padding:12px}.under-the-hood-content pre code{background:none;color:#e2e8f0;padding:0}.logic-maze{background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:16px;color:#e2e8f0;margin:0 auto;max-width:1200px;padding:20px}.header-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.header-actions{display:flex;gap:8px}.header-actions button{background:#0000;border:1px solid #64748b66;border-radius:8px;color:#94a3b8;cursor:pointer;padding:6px 10px}.maze-header{background:#1e293b80;border:1px solid #64748b33;border-radius:12px;margin-bottom:20px;padding:16px;text-align:center}.maze-header h2{color:#f97316;font-size:24px;margin:0 0 6px}.logic-maze .progress{color:#94a3b8;font-size:14px;font-weight:600}.maze-controls{background:#1e293b80;border:1px solid #64748b33;border-radius:12px;margin-bottom:16px;padding:16px}.maze-controls label{background:#0f172acc;border:1px solid #64748b33;border-radius:8px;color:#e2e8f0;padding:10px 12px}.maze-actions button{background:#0000;border:2px solid #f97316;border-radius:8px;color:#f97316;cursor:pointer;font-weight:600;padding:10px 16px;transition:all .2s ease}.maze-actions button:hover{background:#f973161a;border-color:#fb923c;color:#fb923c}.maze-feedback{margin-top:8px}.maze-success{color:#10b981}.maze-error{color:#ef4444}.verifier{background:#1e293b80;border:1px solid #64748b33;border-radius:8px;margin-bottom:8px;padding:12px}.verifier .bar{background:#0f172acc;border:1px solid #64748b33;border-radius:6px;height:8px;margin-bottom:8px;overflow:hidden}.verifier .fill{animation:fill 1s ease-in-out infinite alternate;background:linear-gradient(90deg,#06b6d4,#0ea5e9);height:100%;width:100%}.verifier .msg{color:#94a3b8;font-size:14px}.verifier.success-msg{color:#10b981}.verifier.error-msg{color:#ef4444}@keyframes fill{0%{transform:translateX(-60%)}to{transform:translateX(0)}}.vault{display:flex;justify-content:center;margin:16px 0}.door{background:radial-gradient(ellipse at center,#0f172ae6 0,#020617cc 100%);border:2px solid #64748b40;border-radius:16px;padding:20px;position:relative;width:min(720px,92%)}.switches{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:16px}.switch{background:#1e293b99;border:1px solid #64748b40;border-radius:12px;cursor:pointer;padding:16px;text-align:center;transition:all .2s ease}.switch .label{color:#94a3b8;display:block;font-weight:600;margin-bottom:6px}.switch .lever{background:linear-gradient(135deg,#111827,#0b1220);border:1px solid #64748b4d;border-radius:10px;height:36px}.switch.on{box-shadow:0 0 0 1px #22d3ee33,inset 0 0 18px #22d3ee40}.switch.on .lever{background:linear-gradient(135deg,#06b6d4,#0ea5e9);border-color:#0ea5e9}.switch.on .label{color:#e2e8f0}.console-panel{background:#0f172ad9;border:1px solid #64748b4d;border-radius:12px;padding:12px;text-align:center}.console-title{color:#94a3b8;font-size:12px;margin-bottom:4px}.console-text{color:#e2e8f0;font-family:Share Tech Mono,monospace}.console-success{color:#10b981}.console-error{color:#ef4444}.prover-device{align-items:center;background:#0000;border:2px solid #22d3ee;border-radius:10px;color:#22d3ee;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;padding:10px 16px}.prover-device:disabled{cursor:not-allowed;opacity:.5}.history-log{background:#1e293b80;border:1px solid #64748b33;border-radius:8px;margin-top:12px;padding:8px}.next-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.next-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px)}@media (max-width:768px){.maze-controls{padding:12px}.maze-actions button{width:100%}}.proof-builder{margin:0 auto;max-width:1400px;min-height:100vh;padding:32px 16px}.pb-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.pb-modal{background:#1e293b;border-radius:16px;box-shadow:0 20px 60px #00000080;max-height:85vh;max-width:500px;overflow-y:auto;width:90%}.pb-modal-header{align-items:center;border-bottom:1px solid #64748b33;display:flex;justify-content:space-between;padding:12px 16px}.pb-modal-header h2{color:#e2e8f0;font-size:18px;margin:0}.pb-close{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;padding:0;transition:color .2s;width:32px}.pb-close:hover{color:#e2e8f0}.pb-modal-body{color:#94a3b8;font-size:14px;line-height:1.6;padding:12px 16px}.pb-intro-features{grid-gap:16px;display:grid;gap:16px;margin-top:24px}.pb-feature{background:#f973161a;border:1px solid #f973164d;border-radius:8px;padding:16px}.pb-feature h4{color:#f97316;font-size:16px;margin:0 0 8px}.pb-feature p{font-size:14px;margin:0}.pb-modal-footer{border-top:1px solid #64748b33;display:flex;justify-content:flex-end;padding:12px 16px}.pb-primary{background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.pb-primary:hover{box-shadow:0 8px 20px #f973164d;transform:translateY(-2px)}.pb-header{margin-bottom:32px;text-align:center}.pb-header h1{color:#e2e8f0;font-size:36px;font-weight:700;margin-bottom:12px}.pb-level-indicator{background:#f973161a;border:1px solid #f973164d;border-radius:20px;color:#f97316;display:inline-block;font-size:14px;font-weight:600;padding:8px 16px}.pb-instruction{background:#1e293b80;border:1px solid #64748b33;border-radius:12px;margin-bottom:32px;padding:24px;text-align:center}.pb-instruction h2{color:#e2e8f0;font-size:24px;margin:0 0 12px}.pb-instruction p{color:#94a3b8;font-size:16px;margin:0}.pb-game-area{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 2fr;margin-bottom:32px}.pb-components-panel{background:#1e293b80;border:1px solid #64748b33;border-radius:12px;padding:24px;position:relative}.pb-components-panel h3{color:#e2e8f0;font-size:18px;margin:0 0 16px}.pb-components-list{display:flex;flex-direction:column;gap:12px}.pb-component{align-items:center;background:#0f172a99;border:2px solid;border-radius:8px;cursor:grab;display:flex;gap:12px;padding:12px;transition:all .3s ease}.pb-component:not(.placed):hover{box-shadow:0 4px 12px #0000004d;transform:translateX(4px)}.pb-component.placed{cursor:not-allowed;opacity:.4}.pb-component-icon{align-items:center;border-radius:8px;display:flex;height:40px;justify-content:center;width:40px}.pb-component-label{color:#e2e8f0;font-size:14px;font-weight:600}.pb-glossary-tooltip{background:#0f172af2;border:1px solid #f973164d;border-radius:8px;bottom:24px;left:24px;padding:12px;position:absolute;right:24px;z-index:10}.pb-glossary-tooltip strong{color:#f97316;display:block;font-size:14px;margin-bottom:6px}.pb-glossary-tooltip p{color:#94a3b8;font-size:13px;margin:0}.pb-proof-area{background:#1e293b80;border:1px solid #64748b33;border-radius:12px;padding:24px}.pb-proof-area h3{color:#e2e8f0;font-size:18px;margin:0 0 16px}.pb-drop-zone{align-items:center;border:2px dashed #64748b4d;border-radius:12px;display:flex;justify-content:center;margin-bottom:16px;min-height:300px;padding:24px;transition:all .3s ease}.pb-drop-zone.has-items{align-items:flex-start;background:#f973160d;border-color:#f973164d;border-style:solid}.pb-drop-hint{color:#64748b;font-size:14px;text-align:center}.pb-placed-components{display:flex;flex-direction:column;gap:12px;width:100%}.pb-placed-component{align-items:center;background:#0f172acc;border:2px solid;border-radius:8px;display:flex;gap:16px;padding:16px;transition:all .3s ease}.pb-placed-component:hover{transform:translateX(4px)}.pb-placed-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:24px;font-weight:700;height:48px;justify-content:center;width:48px}.pb-placed-info{flex:1 1}.pb-placed-label{color:#e2e8f0;font-size:16px;font-weight:600;margin-bottom:4px}.pb-placed-desc{color:#94a3b8;font-size:14px}.pb-remove-btn{align-items:center;background:#ef444433;border:1px solid #ef44444d;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:32px;justify-content:center;transition:all .2s;width:32px}.pb-remove-btn:hover{background:#ef44444d;transform:scale(1.1)}.pb-actions{display:flex;gap:12px;margin-bottom:16px}.pb-check-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px 24px;transition:all .3s ease}.pb-check-btn:hover:not(:disabled){box-shadow:0 8px 20px #10b9814d;transform:translateY(-2px)}.pb-check-btn:disabled{cursor:not-allowed;opacity:.5}.pb-reset-btn{background:#64748b33;border:1px solid #64748b4d;border-radius:8px;color:#94a3b8;cursor:pointer;font-size:16px;font-weight:600;padding:14px 24px;transition:all .3s ease}.pb-reset-btn:hover{background:#64748b4d;color:#e2e8f0}.pb-feedback{border-radius:8px;font-weight:600;padding:16px;text-align:center}.pb-feedback.success{background:#10b98133;border:1px solid #10b9814d;color:#10b981}.pb-feedback.error{background:#ef444433;border:1px solid #ef44444d;color:#ef4444}.pb-explanation{background:#1e293b80;border:1px solid #10b9814d;border-radius:12px;padding:24px}.pb-explanation h3{color:#10b981;font-size:24px;margin:0 0 16px}.pb-explanation-content{grid-gap:16px;display:grid;gap:16px;margin-bottom:24px}.pb-explanation-section{background:#0f172a99;border-radius:8px;padding:16px}.pb-explanation-section h4{color:#60a5fa;font-size:16px;margin:0 0 8px}.pb-explanation-section p{color:#e2e8f0;line-height:1.6;margin:0}.pb-next-btn{background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 32px;transition:all .3s ease}.pb-next-btn:hover{box-shadow:0 8px 20px #f973164d;transform:translateY(-2px)}.pb-completion{text-align:center}.pb-completion h3{color:#10b981;font-size:28px;margin-bottom:16px}.pb-completion p{color:#e2e8f0;font-size:16px;line-height:1.8;margin-bottom:24px}@media (max-width:1024px){.pb-game-area{grid-template-columns:1fr}.pb-components-panel{order:2}.pb-proof-area{order:1}}@media (max-width:768px){.pb-modal{border-radius:12px;max-height:80vh;width:95vw}.pb-modal-header{padding:10px 12px}.pb-modal-header h2{font-size:16px}.pb-modal-body{font-size:13px}.pb-modal-body,.pb-modal-footer{padding:10px 12px}.pb-intro-features{gap:12px;margin-top:16px}.pb-feature{padding:12px}.pb-feature h4{font-size:14px;margin-bottom:6px}.pb-feature p{font-size:12px}.pb-modal-footer{padding:16px}.pb-primary{font-size:14px;padding:10px 20px}.pb-header h1{font-size:28px}.pb-instruction h2{font-size:20px}}.privacy-showdown{margin:0 auto;max-width:1200px;min-height:100vh;padding:32px 16px}.ps-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.ps-modal{background:#1e293b;border-radius:16px;box-shadow:0 20px 60px #00000080;max-height:85vh;max-width:500px;overflow-y:auto;width:90%}.ps-modal-header{align-items:center;border-bottom:1px solid #64748b33;display:flex;justify-content:space-between;padding:12px 16px}.ps-modal-header h2{color:#e2e8f0;font-size:18px;margin:0}.ps-close{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;padding:0;transition:color .2s;width:32px}.ps-close:hover{color:#e2e8f0}.ps-modal-body{color:#94a3b8;font-size:14px;line-height:1.6;padding:12px 16px}.ps-intro-features{grid-gap:16px;display:grid;gap:16px;margin-top:24px}.ps-feature{background:#f973161a;border:1px solid #f973164d;border-radius:8px;padding:16px}.ps-feature h4{color:#f97316;font-size:16px;margin:0 0 8px}.ps-feature p{font-size:14px;margin:0}.ps-modal-footer{border-top:1px solid #64748b33;display:flex;justify-content:flex-end;padding:12px 16px}.ps-primary{background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.ps-primary:hover{box-shadow:0 8px 20px #f973164d;transform:translateY(-2px)}.ps-header{margin-bottom:32px;text-align:center}.ps-header h1{color:#e2e8f0;font-size:36px;font-weight:700;margin-bottom:12px}.ps-progress{background:#f973161a;border:1px solid #f973164d;border-radius:20px;color:#f97316;display:inline-block;font-size:14px;font-weight:600;padding:8px 16px}.ps-privacy-meter{background:#1e293b80;border:1px solid #64748b33;border-radius:12px;margin-bottom:32px;padding:24px}.ps-meter-label{align-items:center;color:#e2e8f0;display:flex;font-size:16px;font-weight:600;justify-content:space-between;margin-bottom:12px}.ps-score{color:#f97316;font-size:20px}.ps-meter-bar{background:#0f172acc;border-radius:12px;height:24px;margin-bottom:8px;overflow:hidden}.ps-meter-fill{border-radius:12px;height:100%;transition:all .5s ease}.ps-meter-status{font-size:14px;font-weight:600;text-align:center}.ps-scenario{background:#1e293b80;border:1px solid #64748b33;border-radius:12px;padding:32px}.ps-scenario-header{margin-bottom:32px;text-align:center}.ps-scenario-header h2{color:#e2e8f0;font-size:28px;margin:0 0 12px}.ps-scenario-header p{color:#94a3b8;font-size:18px;margin:0}.ps-options{grid-gap:16px;display:grid;gap:16px;margin-bottom:24px}.ps-option{background:#0f172a99;border:2px solid #64748b4d;border-radius:12px;cursor:pointer;padding:20px;transition:all .3s ease}.ps-option:hover:not(.selected):not(.dimmed){border-color:#f9731680;box-shadow:0 8px 20px #0000004d;transform:translateY(-2px)}.ps-option.selected{background:#f973161a;border-color:#f97316}.ps-option.dimmed{cursor:not-allowed;opacity:.5}.ps-option-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:12px}.ps-option-header h3{color:#e2e8f0;flex:1 1;font-size:18px;margin:0}.ps-privacy-badge{border-radius:12px;font-size:12px;font-weight:600;padding:6px 12px;white-space:nowrap}.ps-option-details{color:#94a3b8;font-size:14px;margin:0}.ps-feedback{background:#f973161a;border:1px solid #f973164d;border-radius:8px;margin-top:16px;padding:16px}.ps-feedback strong{color:#f97316;display:block;font-size:14px;margin-bottom:8px}.ps-feedback p{color:#e2e8f0;line-height:1.6;margin:0}.ps-action{display:flex;justify-content:center}.ps-next-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 32px;transition:all .3s ease}.ps-next-btn:hover{box-shadow:0 8px 20px #10b9814d;transform:translateY(-2px)}.ps-completion{text-align:center}.ps-completion-header{margin-bottom:48px}.ps-completion-header h1{color:#e2e8f0;font-size:36px;font-weight:700;margin-bottom:32px}.ps-final-score{margin-bottom:32px}.ps-final-score,.ps-score-circle{display:flex;justify-content:center}.ps-score-circle{align-items:center;background:#0f172a99;border:8px solid;border-radius:50%;flex-direction:column;height:200px;width:200px}.ps-score-value{color:#e2e8f0;font-size:48px;font-weight:700}.ps-score-label{color:#94a3b8;font-size:14px;margin-top:8px}.ps-completion-content{margin:0 auto;max-width:800px}.ps-insight{background:#1e293b80;border:1px solid #10b9814d;border-radius:12px;margin-bottom:32px;padding:24px;text-align:left}.ps-insight h3{color:#10b981;font-size:24px;margin:0 0 16px}.ps-insight p{color:#e2e8f0;line-height:1.8;margin:0 0 16px}.ps-insight p:last-child{margin-bottom:0}.ps-scenario-breakdown{background:#1e293b80;border:1px solid #64748b33;border-radius:12px;margin-bottom:32px;padding:24px;text-align:left}.ps-scenario-breakdown h3{color:#e2e8f0;font-size:20px;margin:0 0 20px}.ps-scenario-score{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:1fr 2fr auto;margin-bottom:16px}.ps-scenario-score:last-child{margin-bottom:0}.ps-scenario-name{color:#94a3b8;font-size:14px;font-weight:600}.ps-score-bar{background:#0f172acc;border-radius:10px;height:20px;overflow:hidden}.ps-score-fill{border-radius:10px;height:100%;transition:all .5s ease}.ps-scenario-percent{color:#e2e8f0;font-size:14px;font-weight:600;min-width:45px;text-align:right}.ps-completion-actions{margin-top:32px}.ps-restart-btn{background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 32px;transition:all .3s ease}.ps-restart-btn:hover{box-shadow:0 8px 20px #f973164d;transform:translateY(-2px)}@media (max-width:768px){.ps-modal{border-radius:12px;max-height:80vh;width:95vw}.ps-modal-header{padding:10px 12px}.ps-modal-header h2{font-size:16px}.ps-modal-body{font-size:13px}.ps-modal-body,.ps-modal-footer{padding:10px 12px}.ps-intro-features{gap:12px;margin-top:16px}.ps-feature{padding:12px}.ps-feature h4{font-size:14px;margin-bottom:6px}.ps-feature p{font-size:12px}.ps-modal-footer{padding:16px}.ps-primary{font-size:14px;padding:10px 20px}.ps-header h1{font-size:28px}.ps-scenario-header h2{font-size:24px}.ps-option-header{align-items:flex-start;flex-direction:column}.ps-scenario-score{grid-template-columns:1fr}.ps-scenario-percent{text-align:left}.ps-score-circle{height:150px;width:150px}.ps-score-value{font-size:36px}}.privacy-quiz{margin:0 auto;max-width:900px;min-height:100vh;padding:32px 16px}.pq-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.pq-modal{background:#1e293b;border-radius:16px;box-shadow:0 20px 60px #00000080;max-height:85vh;max-width:500px;overflow-y:auto;width:90%}.pq-modal-header{align-items:center;border-bottom:1px solid #64748b33;display:flex;justify-content:space-between;padding:12px 16px}.pq-modal-header h2{color:#e2e8f0;font-size:18px;margin:0}.pq-close{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;padding:0;transition:color .2s;width:32px}.pq-close:hover{color:#e2e8f0}.pq-modal-body{color:#94a3b8;font-size:14px;line-height:1.6;padding:12px 16px}.pq-intro-features{grid-gap:16px;display:grid;gap:16px;margin-top:24px}.pq-feature{background:#f973161a;border:1px solid #f973164d;border-radius:8px;padding:16px}.pq-feature h4{color:#f97316;font-size:16px;margin:0 0 8px}.pq-feature p{font-size:14px;margin:0}.pq-modal-footer{border-top:1px solid #64748b33;display:flex;justify-content:flex-end;padding:12px 16px}.pq-primary{background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.pq-primary:hover{box-shadow:0 8px 20px #f973164d;transform:translateY(-2px)}.pq-header{margin-bottom:32px;text-align:center}.pq-header h1{color:#e2e8f0;font-size:36px;font-weight:700;margin-bottom:24px}.pq-progress-bar{margin:0 auto;max-width:500px}.pq-progress-label{color:#94a3b8;font-size:14px;font-weight:600;margin-bottom:8px}.pq-progress-track{background:#0f172acc;border-radius:4px;height:8px;overflow:hidden}.pq-progress-fill{background:linear-gradient(90deg,#f97316,#ea580c);border-radius:4px;height:100%;transition:width .3s ease}.pq-question-card{background:#1e293b80;border:1px solid #64748b33;border-radius:12px;padding:32px}.pq-question-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.pq-question-number{background:#f973161a;border:1px solid #f973164d;border-radius:12px;color:#f97316;font-size:12px;font-weight:600;padding:6px 12px}.pq-current-score{color:#94a3b8;font-size:14px;font-weight:600}.pq-question-text{color:#e2e8f0;font-size:24px;line-height:1.4;margin:0 0 32px}.pq-options{grid-gap:12px;display:grid;gap:12px;margin-bottom:24px}.pq-option{align-items:center;background:#0f172a99;border:2px solid #64748b4d;border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:16px 20px;transition:all .3s ease}.pq-option:hover:not(.dimmed):not(.selected){border-color:#f9731680;box-shadow:0 8px 20px #0000004d;transform:translateY(-2px)}.pq-option.selected{background:#f973161a;border-color:#f97316}.pq-option.correct{background:#10b9811a;border-color:#10b981}.pq-option.incorrect{background:#ef44441a;border-color:#ef4444}.pq-option.dimmed{cursor:default;opacity:.4}.pq-option-indicator{align-items:center;background:#64748b33;border:2px solid #64748b4d;border-radius:50%;color:#94a3b8;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:36px;justify-content:center;width:36px}.pq-option.selected .pq-option-indicator{background:#f9731633;border-color:#f97316;color:#f97316}.pq-option.correct .pq-option-indicator{background:#10b98133;border-color:#10b981;color:#10b981}.pq-option.incorrect .pq-option-indicator{background:#ef444433;border-color:#ef4444;color:#ef4444}.pq-option-text{color:#e2e8f0;flex:1 1;font-size:16px;line-height:1.5}.pq-option-badge{border-radius:12px;flex-shrink:0;font-size:12px;font-weight:600;padding:4px 12px}.correct-badge{background:#10b98133;border:1px solid #10b9814d;color:#10b981}.incorrect-badge{background:#ef444433;border:1px solid #ef44444d;color:#ef4444}.pq-explanation{border-top:1px solid #64748b33;margin-top:24px;padding-top:24px}.pq-explanation-content{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:8px;margin-bottom:16px;padding:20px}.pq-explanation-content h3{color:#60a5fa;font-size:16px;margin:0 0 12px}.pq-explanation-content p{color:#e2e8f0;line-height:1.6;margin:0}.pq-fun-fact{background:#10b9811a;border:1px solid #10b9814d;border-radius:8px;color:#e2e8f0;line-height:1.6;margin-bottom:24px;padding:16px}.pq-fun-fact strong{color:#10b981}.pq-next-btn{background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 32px;transition:all .3s ease;width:100%}.pq-next-btn:hover{box-shadow:0 8px 20px #f973164d;transform:translateY(-2px)}.pq-completion{text-align:center}.pq-completion-header{margin-bottom:48px}.pq-completion-header h1{color:#e2e8f0;font-size:36px;font-weight:700;margin-bottom:32px}.pq-final-score,.pq-score-circle{align-items:center;display:flex;flex-direction:column}.pq-score-circle{background:#0f172a99;border:8px solid;border-radius:50%;height:200px;justify-content:center;margin-bottom:24px;width:200px}.pq-score-value{color:#e2e8f0;font-size:36px;font-weight:700}.pq-score-percentage{color:#94a3b8;font-size:24px;margin-top:8px}.pq-score-title{font-size:28px;font-weight:700;margin-bottom:8px}.pq-score-desc{color:#94a3b8;font-size:18px}.pq-completion-content{margin:0 auto;max-width:700px}.pq-summary{background:#1e293b80;border:1px solid #10b9814d;border-radius:12px;margin-bottom:32px;padding:24px;text-align:left}.pq-summary h3{color:#10b981;font-size:24px;margin:0 0 16px}.pq-summary p{color:#e2e8f0;line-height:1.8;margin:0 0 16px}.pq-summary p:last-child{margin-bottom:0}.pq-question-review{background:#1e293b80;border:1px solid #64748b33;border-radius:12px;margin-bottom:32px;padding:24px;text-align:left}.pq-question-review h3{color:#e2e8f0;font-size:20px;margin:0 0 20px}.pq-review-item{border-radius:8px;display:flex;gap:16px;margin-bottom:12px;padding:16px}.pq-review-item:last-child{margin-bottom:0}.pq-review-item.correct{background:#10b9811a;border:1px solid #10b98133}.pq-review-item.incorrect{background:#ef44441a;border:1px solid #ef444433}.pq-review-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:32px;justify-content:center;width:32px}.pq-review-item.correct .pq-review-icon{background:#10b98133;color:#10b981}.pq-review-item.incorrect .pq-review-icon{background:#ef444433;color:#ef4444}.pq-review-content{flex:1 1}.pq-review-question{color:#e2e8f0;font-size:14px;font-weight:600;margin-bottom:4px}.pq-review-answer{color:#94a3b8;font-size:13px}.pq-completion-actions{margin-top:32px}.pq-restart-btn{background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 32px;transition:all .3s ease}.pq-restart-btn:hover{box-shadow:0 8px 20px #f973164d;transform:translateY(-2px)}@media (max-width:768px){.pq-modal{border-radius:12px;max-height:80vh;width:95vw}.pq-modal-header{padding:10px 12px}.pq-modal-header h2{font-size:16px}.pq-modal-body{font-size:13px}.pq-modal-body,.pq-modal-footer{padding:10px 12px}.pq-intro-features{gap:12px;margin-top:16px}.pq-feature{padding:12px}.pq-feature h4{font-size:14px;margin-bottom:6px}.pq-feature p{font-size:12px}.pq-modal-footer{padding:16px}.pq-primary{font-size:14px;padding:10px 20px}.pq-header h1{font-size:28px}.pq-question-text{font-size:20px}.pq-option{align-items:flex-start;flex-direction:column;gap:12px}.pq-score-circle{height:150px;width:150px}.pq-score-value{font-size:28px}.pq-score-percentage{font-size:20px}}.note-transfer-completion,.note-transfer-intro,.note-transfer-quest{margin:0 auto;max-width:1200px;padding:20px}.note-transfer-intro{max-width:600px;padding:10px;text-align:center}.note-transfer-intro h1{color:#f8fafc;font-size:28px;margin-bottom:10px}.intro-content{background:linear-gradient(135deg,#f973161a,#ea580c0d);border:1px solid #f973164d;border-radius:12px;margin-top:12px;padding:20px}.intro-description{color:#cbd5e1;font-size:16px;margin-bottom:20px}.intro-features{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:20px}.feature-item{background:#0f172a99;border:1px solid #94a3b833;border-radius:8px;padding:16px;text-align:center}.feature-item svg{color:#f97316;margin-bottom:8px}.feature-item h3{color:#f8fafc;font-size:14px;margin-bottom:6px}.feature-item p{color:#94a3b8;font-size:12px}.restart-button,.start-button{background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 28px;transition:all .3s ease}.restart-button:hover,.start-button:hover{box-shadow:0 8px 16px #f973164d;transform:translateY(-2px)}@media (max-width:768px){.note-transfer-intro h1{font-size:24px;margin-bottom:12px}.intro-content{margin-top:12px;padding:20px 16px}.intro-description{font-size:14px;margin-bottom:24px}.intro-features{gap:12px;grid-template-columns:1fr;margin-bottom:24px}.feature-item{padding:16px}.feature-item h3{font-size:14px;margin-bottom:6px}.feature-item p{font-size:12px}.restart-button,.start-button{font-size:14px;padding:12px 24px}}.note-transfer-completion{text-align:center}.completion-content{background:linear-gradient(135deg,#f973161a,#ea580c0d);border:1px solid #f973164d;border-radius:12px;margin-top:20px;padding:60px 40px}.completion-icon{align-items:center;display:flex;justify-content:center;margin-bottom:20px}.completion-content h2{color:#f8fafc;font-size:32px;margin-bottom:16px}.completion-content p{color:#cbd5e1;font-size:16px;margin-bottom:30px}.completion-stats{display:flex;gap:60px;justify-content:center;margin:40px 0}.stat-item{gap:8px}.stat-value{font-size:48px}.stat-label{font-size:14px;letter-spacing:1px}.next-steps{background:#0f172a99;border:1px solid #94a3b833;border-radius:8px;color:#cbd5e1;font-size:14px;margin:30px 0;padding:20px}.quest-header{align-items:center;border-bottom:1px solid #94a3b833;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.quest-header h2{color:#f8fafc;font-size:28px}.level-progress{background:#f973161a;border:1px solid #f973164d;border-radius:6px;color:#f97316;flex-shrink:0;font-size:14px;font-weight:600;min-width:-webkit-fit-content;min-width:fit-content;padding:8px 16px;white-space:nowrap}.quest-content{display:flex;flex-direction:column;gap:24px}.level-info{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.objective-section,.story-section{background:#0f172a99;border:1px solid #94a3b833;border-radius:8px;padding:20px}.objective-section h3,.story-section h3{color:#f97316;font-size:16px;margin-bottom:12px}.objective-section p,.story-section p{color:#cbd5e1;font-size:14px;line-height:1.6}.state-visualization{align-items:center;background:#0f172a99;border:1px solid #94a3b833;border-radius:8px;display:flex;gap:30px;padding:24px}.state-column{flex:1 1}.state-column h4{color:#f8fafc;font-size:14px;letter-spacing:1px;margin-bottom:16px;text-transform:uppercase}.account-list{display:flex;flex-direction:column;gap:12px}.account-card{align-items:center;background:#1e293b99;border:1px solid #94a3b833;border-radius:6px;display:flex;justify-content:space-between;padding:12px 16px}.account-card.initial{border-left:3px solid #3b82f6}.account-card.target{border-left:3px solid #10b981}.account-card.note-card{border-left:3px solid #f97316}.account-card.fee-card{border-left:3px solid #8b5cf6}.account-name{color:#f8fafc;font-size:14px;font-weight:600}.account-balance{color:#cbd5e1;font-size:14px}.state-arrow{color:#f97316;font-size:32px;font-weight:700}.transaction-form{background:#0f172a99;border:1px solid #94a3b833;border-radius:8px;padding:24px}.transaction-form h3{color:#f8fafc;font-size:18px;margin-bottom:20px}.form-fields{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.form-field{display:flex;flex-direction:column;gap:8px}.form-field label{color:#cbd5e1;font-size:13px;font-weight:500}.form-field input,.form-field select{background:#1e293b99;border:1px solid #94a3b84d;border-radius:6px;color:#f8fafc;font-size:14px;padding:10px 12px;transition:all .2s ease}.form-field input:focus,.form-field select:focus{border-color:#f97316;box-shadow:0 0 0 3px #f973161a;outline:none}.form-field input.readonly-field{background:#1e293b66;color:#94a3b8;cursor:not-allowed}.execute-button{background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:6px;color:#fff;font-size:15px;font-weight:600;transition:all .3s ease;width:100%}.execute-button:hover{box-shadow:0 6px 12px #f973164d;transform:translateY(-1px)}.result-panel-wrapper{align-items:flex-start;display:flex;gap:20px;justify-content:center;margin:20px auto 0;max-width:100%;width:-webkit-fit-content;width:fit-content}.result-panel{background:#0f172a99;border-radius:8px;flex:0 1 auto;min-width:0;padding:24px}.result-panel.success{background:linear-gradient(135deg,#10b9811a,#0596690d);border:1px solid #10b98180}.result-panel.error{background:linear-gradient(135deg,#ef44441a,#dc26260d);border:1px solid #ef444480}.result-panel h3{color:#f8fafc;font-size:20px;margin-bottom:12px}.result-panel>p{color:#cbd5e1;font-size:15px;margin-bottom:20px}.result-details{background:#1e293b66;border:1px solid #94a3b833;border-radius:6px;margin-bottom:20px;padding:16px}.result-details h4{color:#f8fafc;font-size:16px;margin-bottom:12px}.balance-change{align-items:center;border-bottom:1px solid #94a3b81a;color:#cbd5e1;display:flex;font-size:14px;gap:12px;padding:8px 0}.balance-change:last-child{border-bottom:none}.balance-change .account-name{color:#f8fafc;font-weight:600;min-width:100px}.balance-from{color:#94a3b8}.arrow{color:#f97316;font-weight:700}.balance-to{color:#10b981;font-weight:600}.balance-change.fee-info .balance-to,.balance-change.note-info .balance-to{color:#f97316}.issues-list{border-top:1px solid #94a3b833;margin-top:16px;padding-top:16px}.issues-list h5{color:#ef4444;font-size:14px;margin-bottom:8px}.issues-list ul{list-style:none;margin:0;padding:0}.issues-list li{color:#cbd5e1;font-size:13px;padding:4px 0 4px 20px;position:relative}.issues-list li:before{color:#ef4444;content:"•";left:8px;position:absolute}.result-actions{display:flex;gap:12px}.complete-button,.next-button,.retry-button,.trace-button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s ease}.trace-button{background:#3b82f61a;border:1px solid #3b82f64d;color:#3b82f6}.trace-button:hover{background:#3b82f633}.complete-button,.next-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.complete-button:hover,.next-button:hover{box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.retry-button{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.retry-button:hover{background:#ef444433}.miden-trace{background:#0f172acc;border:1px solid #94a3b833;border-radius:6px;margin-top:20px;padding:16px}.miden-trace h4{color:#f8fafc;font-size:15px;margin-bottom:12px}.miden-trace pre{background:#0006;border-radius:4px;color:#e2e8f0;font-family:Monaco,Consolas,monospace;font-size:13px;line-height:1.6;overflow-x:auto;padding:16px}.trace-note{color:#94a3b8;font-size:12px;font-style:italic;margin-top:12px}.result-panel-wrapper .under-the-hood{align-self:flex-start;flex:0 0 320px;margin-top:0;max-height:400px;overflow-y:auto}.result-panel-wrapper .under-the-hood .under-the-hood-content{max-height:350px}.result-panel-wrapper .under-the-hood .under-the-hood-content p{font-size:12px;line-height:1.4;margin:0 0 6px}.result-panel-wrapper .under-the-hood .under-the-hood-content ul{font-size:12px;line-height:1.4;margin:4px 0;padding-left:18px}.result-panel-wrapper .under-the-hood .under-the-hood-content li{margin-bottom:4px}@media (max-width:768px){.quest-header{align-items:flex-start;flex-direction:column;gap:12px}.quest-header h2{font-size:22px}.level-progress{font-size:13px;padding:6px 12px}.level-info{grid-template-columns:1fr}.state-visualization{flex-direction:column}.state-arrow{transform:rotate(90deg)}.form-fields{grid-template-columns:1fr}.completion-stats,.result-actions{flex-direction:column}.completion-stats{gap:30px}.result-panel-wrapper{flex-direction:column}.result-panel-wrapper .under-the-hood{flex:1 1;width:100%}}.visual-tutorial{margin:0 auto;max-width:900px;padding:40px 20px}.visual-tutorial-header{margin-bottom:40px;text-align:center}.visual-tutorial-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#f97316,#e2e8f0);background-clip:text;-webkit-background-clip:text;color:#e2e8f0;font-size:32px;margin:0 0 16px}.visual-tutorial-description{color:#94a3b8;font-size:16px;margin:0 0 30px}.visual-tutorial-progress{flex-direction:column}.progress-dots,.visual-tutorial-progress{align-items:center;display:flex;gap:12px}.progress-dot{background:#64748b4d;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.progress-dot.active{background:#f97316;height:16px;width:16px}.progress-dot.completed{background:#22c55e}.progress-text{color:#94a3b8;font-size:14px}.visual-tutorial-content{background:#0f172a99;border:1px solid #64748b4d;border-radius:12px;margin-bottom:30px;min-height:400px;padding:30px}.visual-step-content{margin-bottom:30px}.visual-step-title{color:#e2e8f0;font-size:24px;margin:0 0 20px}.visual-step-body{color:#94a3b8;font-size:16px;line-height:1.8}.visual-step-body p{margin:0 0 16px}.visual-step-body strong{color:#e2e8f0;font-weight:600}.visual-step-body ul{margin:16px 0;padding-left:24px}.visual-step-body li{margin:8px 0}.visual-step-visual{align-items:center;background:#1e293b66;border-radius:8px;display:flex;justify-content:center;margin-top:30px;min-height:200px;padding:20px}.visual-tutorial-navigation{display:flex;gap:20px;justify-content:space-between}.next-button:hover:not(:disabled){background:#ea580c;border-color:#ea580c}.next-button:disabled{cursor:not-allowed;opacity:.3}@media (max-width:768px){.visual-tutorial{padding:20px 15px}.visual-tutorial-title{font-size:24px}.visual-tutorial-content{min-height:300px;padding:20px}.visual-tutorial-navigation{flex-direction:column}.nav-button{width:100%}}.matching-game{margin:0 auto;max-width:1000px;padding:30px}.level-indicator{color:#64748b;font-size:14px;font-weight:500;margin-top:8px}.game-score{margin-bottom:30px;text-align:center}.score-display{background:#f9731633;border:2px solid #f97316;border-radius:8px;color:#f97316;display:inline-block;font-size:18px;font-weight:600;margin-bottom:10px;padding:12px 24px}.completion-message{font-size:18px;margin-top:10px}.matching-container{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin-bottom:30px}.left-column,.right-column{display:flex;flex:1 1;flex-direction:column;max-width:400px;min-width:280px}.left-column h3,.right-column h3{color:#e2e8f0;font-size:18px;margin:0 0 20px;text-align:center}.match-item{align-items:center;border-radius:8px;cursor:move;display:flex;justify-content:space-between;margin-bottom:12px;min-height:50px;padding:16px 20px;position:relative;transition:all .3s ease}.left-item{background:#f973161a;border:2px solid #f97316;color:#e2e8f0;cursor:grab}.left-item:active{cursor:grabbing}.left-item.dragging{opacity:.5;transform:scale(.95)}.left-item.matched{background:#22c55e33;border-color:#22c55e;cursor:default}.right-item{background:#64748b33;border:2px dashed #64748b80;color:#94a3b8;cursor:pointer}.right-item:hover{background:#f973161a;border-color:#f97316}.right-item.matched{background:#22c55e33;border-color:#22c55e;border-style:solid;color:#e2e8f0}.check-mark{color:#22c55e;font-size:20px;font-weight:700}.next-level-button,.restart-button{background:#f97316;border:2px solid #f97316;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.next-level-button:hover,.restart-button:hover{background:#ea580c;border-color:#ea580c}@media (max-width:768px){.matching-container{flex-direction:column;gap:30px}.left-column,.right-column{max-width:100%}}.flow-arrangement{margin:0 auto;max-width:1000px;padding:30px}.game-header{margin-bottom:30px;text-align:center}.game-header h2{color:#e2e8f0;font-size:28px;margin:0 0 10px}.game-header p{color:#94a3b8;font-size:16px;margin:0 0 12px}.flow-progress{color:#64748b;font-size:14px;font-weight:500;margin-top:8px}.flow-container,.flow-zone{margin-bottom:30px}.flow-zone{align-items:center;background:#0f172a99;border:2px dashed #64748b80;border-radius:12px;display:flex;justify-content:center;min-height:150px;padding:40px 20px}.empty-flow{color:#64748b;text-align:center}.empty-flow p{font-size:16px;margin:0}.flow-tiles{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.flow-tile{background:#f9731633;border:2px solid #f97316;border-radius:12px;cursor:pointer;min-width:140px;padding:20px 24px;text-align:center;transition:all .3s ease}.flow-tile:hover{box-shadow:0 8px 16px #f973164d;transform:translateY(-4px)}.flow-tile.correct{animation:correctPulse .5s ease;background:#22c55e33;border-color:#22c55e}@keyframes correctPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.tile-icon{font-size:32px;margin-bottom:8px}.tile-text{color:#e2e8f0;font-size:14px;font-weight:600}.flow-arrow{font-size:32px;font-weight:700}.available-tiles{margin-top:30px}.available-tiles h3{color:#e2e8f0;font-size:18px;margin:0 0 20px;text-align:center}.tiles-grid{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.available-tile{background:#64748b33;border:2px solid #64748b80;border-radius:12px;cursor:pointer;min-width:140px;padding:20px 24px;text-align:center;transition:all .3s ease}.available-tile:hover{background:#f9731633;border-color:#f97316;transform:translateY(-4px)}.hint-message{background:#f59e0b1a;border:2px solid #f59e0b;border-radius:8px;color:#f59e0b;font-size:16px;margin:20px 0;padding:16px;text-align:center}.hint-message strong{color:#f59e0b;margin-right:8px}.completion-message{background:#22c55e1a;border:2px solid #22c55e;border-radius:8px;color:#22c55e;font-size:20px;font-weight:600;margin:20px 0;padding:16px;text-align:center}.game-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:30px;text-align:center}.reset-button{background:#0000;border:2px solid #64748b4d;border-radius:8px;padding:12px 24px}.reset-button:hover{background:#64748b33;border-color:#64748b}.next-flow-button{background:#f97316;border:2px solid #f97316;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.next-flow-button:hover{background:#ea580c;border-color:#ea580c}.game-explanation{background:#0f172a99;border:1px solid #64748b4d;border-radius:8px;margin-top:30px;padding:20px}.game-explanation h4{color:#e2e8f0;font-size:18px;margin:0 0 12px}.game-explanation p{color:#94a3b8;line-height:1.6;margin:0}@media (max-width:768px){.flow-tiles{flex-direction:column}.flow-arrow{transform:rotate(90deg)}.tiles-grid{align-items:stretch;flex-direction:column}.available-tile{width:100%}}.dev-mode-toggle{align-items:center;background:#64748b1a;border:1px solid #64748b4d;border-radius:6px;color:#94a3b8;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease}.dev-mode-toggle:hover{background:#64748b33;border-color:#64748b80;color:#cbd5e1}.dev-mode-toggle.active{background:#f9731626;border-color:#f9731666;color:#f97316}.dev-mode-toggle svg{flex-shrink:0;height:14px;width:14px}.dev-mode-toggle span{white-space:nowrap}.getting-started{display:flex;justify-content:center;margin:80px auto;max-width:1200px;padding:0 20px}.getting-started-cards-strip{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));width:100%}.getting-started-card{align-items:flex-start;background:linear-gradient(135deg,#1e293bcc,#0f172ae6);border:1px solid #64748b33;border-left:3px solid #f97316;border-radius:12px;display:flex;flex-direction:row;gap:20px;overflow:hidden;padding:32px 28px;position:relative;text-align:left;transition:all .3s ease}.getting-started-card:before{background:linear-gradient(90deg,#f97316,#fb923c);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.getting-started-card:hover{background:linear-gradient(135deg,#1e293bf2,#0f172a);border-color:#f9731680;box-shadow:0 12px 24px #f9731626;transform:translateY(-2px)}.getting-started-card:hover:before{opacity:1}.getting-started-icon{align-items:center;background:linear-gradient(135deg,#f9731626,#f973160d);border:1px solid #f9731633;border-radius:10px;color:#f97316;display:flex;flex-shrink:0;height:56px;justify-content:center;padding:14px;width:56px}.getting-started-card:hover .getting-started-icon{background:linear-gradient(135deg,#f9731640,#f973161a);border-color:#f9731666;transform:scale(1.05)}.getting-started-content{display:flex;flex:1 1;flex-direction:column;gap:8px}.getting-started-title{color:#f8fafc;font-size:20px;font-weight:600;line-height:1.3;margin:0}.getting-started-description{color:#cbd5e1;font-size:14px;line-height:1.6;margin:0}@media (max-width:768px){.getting-started{margin:60px 0}.getting-started-cards-strip{gap:20px;grid-template-columns:1fr}.getting-started-card{padding:24px 20px}.getting-started-icon{height:48px;padding:12px;width:48px}.getting-started-title{font-size:18px}}.achievements-page{background:linear-gradient(135deg,#0f172a,#1e293b);min-height:100vh;padding:40px 20px}.achievements-header{margin-bottom:40px}.achievements-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f97316,#ea580c);-webkit-background-clip:text;background-clip:text;color:#f8fafc;font-size:48px;font-weight:800;margin:0 0 16px}.achievements-subtitle{font-size:18px;margin-bottom:24px}.level-indicator{background:#0f172acc;border:1px solid #64748b4d;border-radius:12px;gap:16px;margin:0 auto;max-width:300px;padding:16px 24px}.level-text{font-size:18px;font-weight:700}.level-progress{height:8px;width:120px}.level-progress,.level-progress-fill{border-radius:4px}.achievement-tabs{gap:12px;justify-content:center;margin-bottom:40px}.achievement-tab{border:2px solid #64748b4d;border-radius:8px;font-size:16px;font-weight:600;padding:12px 24px}.achievement-tab:hover{border-color:#f97316;color:#f97316}.achievements-content{margin:0 auto;max-width:1200px}.achievement-category{margin-bottom:48px}.category-header{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #64748b33;border-radius:16px;gap:16px;margin-bottom:24px;padding:20px}.category-icon{border-radius:12px;color:#f97316;height:48px;width:48px}.category-title{font-size:24px;font-weight:700}.category-subtitle{font-size:16px}.achievements-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.achievement-card{background:linear-gradient(135deg,#1e293b,#334155);overflow:hidden;position:relative}.achievement-card:before{background:linear-gradient(90deg,#f97316,#ea580c);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.achievement-card.claimed{background:linear-gradient(135deg,#10b9811a,#10b9810d)}.achievement-card.claimed:before{background:linear-gradient(90deg,#10b981,#059669);opacity:1}.achievement-card:hover{box-shadow:0 20px 40px #0000004d;transform:translateY(-4px)}.badge-icon{height:48px;position:relative;width:48px}.badge-icon.locked{background:linear-gradient(135deg,#374151,#4b5563)}.achievement-emoji{align-items:center;color:#fff;display:flex;height:32px;justify-content:center;width:32px}.achievement-emoji.locked{color:#6b7280}.achievement-title{font-size:18px;font-weight:700;margin:0 0 8px}.achievement-description{font-size:14px;line-height:1.5;margin:0 0 16px}.achievement-status{gap:8px}.claim-button,.status-text.claimed{font-size:14px;font-weight:600}.claim-button{border:2px solid #4b5563;border-radius:8px;padding:8px 16px}.claim-button:hover{border-color:#6b7280}@media (max-width:768px){.achievements-page{padding:20px 16px}.achievements-title{font-size:36px}.achievements-subtitle{font-size:16px}.achievement-tabs{align-items:center;flex-direction:column}.achievement-tab{width:200px}.category-header{flex-direction:column;gap:12px;text-align:center}.achievements-grid{gap:16px;grid-template-columns:1fr}.level-indicator{flex-direction:column;gap:12px}}.achievements-badges-row{display:flex;gap:20px;overflow-x:auto;padding:20px 0;scrollbar-color:#64748b4d #0000;scrollbar-width:thin}.achievements-badges-row::-webkit-scrollbar{height:6px}.achievements-badges-row::-webkit-scrollbar-track{background:#0000}.achievements-badges-row::-webkit-scrollbar-thumb{background:#64748b4d;border-radius:3px}.achievement-badge-card{align-items:center;background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #64748b4d;border-radius:12px;display:flex;flex-direction:column;flex-shrink:0;min-width:200px;overflow:hidden;padding:20px;position:relative;text-align:center;transition:all .3s ease}.achievement-badge-card:before{background:linear-gradient(90deg,#f97316,#ea580c);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.achievement-badge-card.claimed{background:linear-gradient(135deg,#10b9811a,#10b9810d);border-color:#10b981}.achievement-badge-card.claimed:before{background:linear-gradient(90deg,#10b981,#059669);opacity:1}.achievement-badge-card.unclaimed{opacity:.7}.achievement-badge-card:hover{box-shadow:0 20px 40px #0000004d;transform:translateY(-4px)}.achievement-badge-card .badge-icon{align-items:center;background:linear-gradient(135deg,#f97316,#ea580c);border-radius:50%;display:flex;height:60px;justify-content:center;margin-bottom:16px;position:relative;width:60px}.achievement-badge-card .badge-icon.locked{background:linear-gradient(135deg,#374151,#4b5563);filter:grayscale(100%)}.achievement-badge-card .achievement-emoji{align-items:center;color:#fff;display:flex;font-size:24px;justify-content:center}.achievement-badge-card .achievement-emoji.locked{color:#64748b}.lock-overlay{align-items:center;background:#1f2937;border:2px solid #374151;border-radius:50%;bottom:-2px;color:#6b7280;display:flex;height:20px;justify-content:center;position:absolute;right:-2px;width:20px}.achievement-badge-card .achievement-title{color:#f8fafc;font-size:16px;font-weight:700;margin:0 0 8px}.achievement-badge-card .achievement-description{color:#94a3b8;font-size:12px;line-height:1.4;margin:0 0 16px}.achievement-badge-card .achievement-status{width:100%}.claimed-button{align-items:center;display:flex;gap:6px;justify-content:center}.achievement-badge-card .claim-button,.claimed-button{background:#374151;border:1px solid #4b5563;border-radius:6px;color:#9ca3af;font-size:12px;padding:8px 16px;width:100%}.achievement-badge-card .claim-button{cursor:pointer;transition:all .3s ease}.achievement-badge-card .claim-button:not(:disabled){background:#f9731633;border:1px solid #f9731680;color:#f97316}.achievement-badge-card .claim-button:not(:disabled):hover{background:#f973164d;border-color:#f97316;color:#fb923c}.achievement-badge-card .claim-button:disabled{background:#374151;border:1px solid #4b5563;color:#9ca3af;cursor:not-allowed}.achievement-badge-card .claim-button:disabled:hover{background:#4b5563;color:#d1d5db}.progress-manager-container{display:flex;justify-content:center;margin-bottom:40px;position:relative}.progress-manager-toggle{align-items:center;background:#0f172a99;border:1px solid #64748b4d;border-radius:8px;color:#94a3b8;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.progress-manager-toggle:hover{background:#0f172acc;border-color:#f97316;color:#f97316}.progress-manager-toggle svg{color:#f97316}.progress-manager-panel{animation:slideDown .3s ease-out;background:#0f172acc;border:1px solid #64748b4d;border-radius:8px;margin-left:auto;margin-right:auto;margin-top:12px;max-width:600px;padding:16px}.progress-manager-header h3{color:#f8fafc;font-size:16px;font-weight:700;margin:0 0 6px}.progress-manager-header p{color:#94a3b8;font-size:12px;line-height:1.4;margin:0 0 16px}.import-message{animation:fadeIn .3s ease-out;border-radius:8px;font-size:14px;font-weight:500;margin-bottom:20px;padding:12px 16px}.import-message.success{background:#22c55e1a;border:1px solid #22c55e;color:#22c55e}.import-message.error{background:#ef44441a;border:1px solid #ef4444;color:#ef4444}.progress-stats{grid-gap:8px;gap:8px;grid-template-columns:repeat(3,1fr)}.stat-item{align-items:center;background:#1e293b99;border:1px solid #64748b4d;border-radius:6px;display:flex;flex-direction:column;gap:4px;padding:10px 8px}.stat-label{font-size:10px;font-weight:600}.stat-value{color:#f97316}.progress-actions{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);margin-bottom:12px}.export-button,.import-button{align-items:center;background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;justify-content:center;padding:8px 12px;transition:all .3s ease}.export-button:hover,.import-button:hover{box-shadow:0 4px 12px #f973164d;transform:translateY(-2px)}.export-button:active,.import-button:active{transform:translateY(0)}.progress-warning{align-items:flex-start;background:#ea580c1a;border:1px solid #f973164d;border-radius:6px;color:#94a3b8;display:flex;font-size:11px;gap:8px;line-height:1.4;margin-top:12px;padding:8px 10px}.progress-warning svg{color:#f97316;flex-shrink:0;margin-top:2px}.security-warning{align-items:flex-start;background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;color:#fca5a5;display:flex;font-size:11px;gap:8px;line-height:1.4;margin-top:8px;padding:8px 10px}.security-warning svg{color:#ef4444;flex-shrink:0;margin-top:2px}.security-warning strong{color:#ef4444}.copy-code-button,.paste-code-button{align-items:center;background:#1e293bcc;border:1px solid #64748b80;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;justify-content:center;padding:8px 12px;transition:all .3s ease}.copy-code-button:hover,.paste-code-button:hover{background:#1e293b;border-color:#f97316;color:#f97316;transform:translateY(-2px)}.backup-code-display,.code-input-section{animation:fadeIn .3s ease-out;background:#1e293b99;border:1px solid #64748b4d;border-radius:6px;margin-top:12px;padding:12px}.code-label{color:#94a3b8;display:block;font-size:13px;font-weight:600;margin-bottom:8px}.code-textarea{background:#0f172acc;border:1px solid #64748b4d;border-radius:6px;color:#f8fafc;font-family:Courier New,monospace;font-size:11px;margin-bottom:8px;max-height:100px;min-height:60px;padding:8px;resize:vertical;width:100%}.code-textarea:focus{border-color:#f97316;outline:none}.code-hint{color:#64748b;font-size:12px;font-style:italic;margin:8px 0 0}.import-code-button{align-items:center;background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;transition:all .3s ease;width:100%}.import-code-button:hover{box-shadow:0 4px 12px #f973164d;transform:translateY(-1px)}.danger-zone{background:#7f1d1d1a;border:1px solid #dc26264d;border-radius:6px;margin-top:12px;padding:12px}.danger-title{color:#ef4444;font-size:14px;font-weight:700;letter-spacing:.5px;margin:0 0 6px;text-transform:uppercase}.danger-description{color:#94a3b8;font-size:12px;line-height:1.5;margin:0 0 12px}.reset-button{align-items:center;background:#7f1d1d4d;border:1px solid #dc2626;color:#ef4444;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;width:100%}.reset-button:hover{background:#7f1d1d80;border-color:#ef4444;transform:translateY(-1px)}.reset-button:active{transform:translateY(0)}.explore-page{background:linear-gradient(135deg,#0a0f1e,#1a1f2e);margin:0 auto;max-width:1400px;min-height:100vh;padding:40px 20px}.explore-header{margin-bottom:32px;text-align:center}.explore-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f97316,#ea580c);-webkit-background-clip:text;background-clip:text;color:#e2e8f0;font-size:36px;font-weight:700;margin-bottom:12px}.explore-header p{color:#94a3b8;font-size:18px}.filter-bar{align-items:center;background:#0f172a;border-bottom:1px solid #1e293b;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px;padding:16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.filter-button{background:#1e293b;border:1px solid #334155;border-radius:8px;color:#94a3b8;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.filter-button:hover{background:#334155;border-color:#475569;color:#e2e8f0}.filter-button.active{background:#f97316;border-color:#f97316;color:#fff}.sort-select{background:#1e293b;border:1px solid #334155;border-radius:8px;color:#e2e8f0;cursor:pointer;font-size:14px;padding:8px 12px}.sort-select:focus{border-color:#f97316;outline:none}.featured-card{background:#1e293b80;border:1px solid #64748b4d;border-radius:16px;margin-bottom:24px;padding:24px}.featured-badge{background:#f9731633;border-radius:999px;color:#fbbf24;display:inline-block;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:16px;padding:4px 12px;text-transform:uppercase}.featured-content h2{color:#f8fafc;font-size:28px;font-weight:700;margin:0 0 12px}.featured-content p{color:#cbd5e1;font-size:16px;margin:0 0 20px;max-width:800px}.featured-actions{align-items:center;display:flex;gap:16px}.featured-button{background:#f97316;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.featured-button:hover{background:#ea580c}.featured-link{color:#fbbf24;font-size:14px;font-weight:600;text-decoration:none;transition:color .3s ease}.featured-link:hover{color:#f97316}.explore-feed{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.explore-card{border:1px solid;border-radius:12px;padding:20px;transition:all .3s ease}.explore-card:hover{box-shadow:0 20px 40px #0000004d;transform:translateY(-4px)}.explore-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.explore-card-title-section{align-items:flex-start;display:flex;gap:12px}.explore-card-type{color:#94a3b8;display:block;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.explore-card h3{color:#f8fafc;font-size:18px;font-weight:600;margin:0}.trending-badge{color:#f97316;font-size:11px;font-weight:700}.status-badge{font-size:12px;font-weight:600;opacity:.9}.explore-card-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#94a3b8;display:-webkit-box;font-size:14px;line-height:1.6;margin:12px 0;overflow:hidden}.explore-card-meta{align-items:center;color:#64748b;display:flex;font-size:12px;gap:12px;margin:12px 0}.explore-card-actions{display:flex;gap:8px;margin-top:16px}.explore-card-button{background:#1e293b;border:1px solid #334155;border-radius:8px;color:#e2e8f0;cursor:pointer;flex:1 1;font-size:12px;font-weight:600;padding:8px 16px;transition:all .3s ease}.explore-card-button:hover{background:#334155;border-color:#475569}.explore-card-external{align-items:center;background:#1e293b;border:1px solid #334155;border-radius:8px;color:#e2e8f0;display:flex;font-size:12px;font-weight:600;justify-content:center;padding:8px 12px;text-decoration:none;transition:all .3s ease}.explore-card-external:hover{background:#334155;border-color:#475569}.explore-card-announcement{background:#1e293b80}.explore-border-announcement{border-color:#64748b4d}.explore-card-event{background:#1e293b80}.explore-border-event{border-color:#64748b4d}.explore-card-mint{background:#1e293b80}.explore-border-mint{border-color:#64748b4d}.explore-card-highlight{background:#1e293b80}.explore-border-highlight{border-color:#64748b4d}@media (max-width:768px){.explore-header h1{font-size:36px}.explore-header p{font-size:16px}.filter-bar{align-items:stretch;flex-direction:column}.filter-buttons{justify-content:center;width:100%}.sort-select{width:100%}.explore-feed{grid-template-columns:1fr}.featured-actions{align-items:stretch;flex-direction:column}.featured-button{width:100%}}.glossary-page{margin:0 auto;max-width:1200px;padding:32px 16px}.glossary-header{margin-bottom:32px;text-align:center}.glossary-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f97316,#ea580c);-webkit-background-clip:text;background-clip:text;color:#e2e8f0;font-size:36px;font-weight:700;margin-bottom:12px}.glossary-header p{color:#94a3b8;font-size:18px}.glossary-controls{margin-bottom:32px}.glossary-search{background:#1e293b80;border:2px solid #64748b4d;border-radius:12px;color:#e2e8f0;font-size:16px;margin-bottom:16px;padding:16px 20px;transition:all .3s ease;width:100%}.glossary-search:focus{background:#1e293bcc;border-color:#f97316;outline:none}.glossary-search::placeholder{color:#64748b}.category-filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.category-btn{background:#1e293b80;border:1px solid #64748b4d;border-radius:20px;color:#94a3b8;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.category-btn:hover{background:#f9731633;border-color:#f9731680;color:#f97316}.category-btn.active{background:#f973164d;border-color:#f97316;color:#f97316}.glossary-content{margin-bottom:32px}.terms-list{grid-gap:16px;display:grid;gap:16px}.term-card{background:#1e293b80;border:1px solid #64748b4d;border-radius:12px;cursor:pointer;padding:20px;transition:all .3s ease}.term-card:hover{background:#1e293bb3;border-color:#64748b80;box-shadow:0 8px 20px #0000004d;transform:translateY(-2px)}.term-card.selected{background:#f973161a;border-color:#f97316;box-shadow:0 0 0 2px #f9731633}.term-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.term-header h3{color:#e2e8f0;font-size:20px;font-weight:600;margin:0}.term-category{background:#8b5cf633;border:1px solid #8b5cf666;border-radius:12px;color:#a78bfa;font-size:12px;font-weight:500;padding:4px 12px;white-space:nowrap}.term-definition{color:#94a3b8;line-height:1.6;margin:0}.term-details{border-top:1px solid #64748b4d;margin-top:16px;padding-top:16px}.term-example{margin-bottom:16px}.term-example strong{color:#10b981;display:block;font-size:14px;margin-bottom:8px}.term-example p{background:#10b9811a;border-left:3px solid #10b981;border-radius:4px;color:#e2e8f0;font-style:italic;margin:0;padding:12px}.related-terms strong{color:#f97316;display:block;font-size:14px;margin-bottom:8px}.related-tags{display:flex;flex-wrap:wrap;gap:8px}.related-tag{background:#f973161a;border:1px solid #f973164d;border-radius:16px;color:#f97316;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s ease}.related-tag:hover{background:#f9731633;border-color:#f97316;transform:translateY(-1px)}.no-results{color:#64748b;padding:48px 16px;text-align:center}.no-results p{font-size:16px;margin:0}.glossary-footer{background:#f973161a;border:1px solid #f973164d;border-radius:12px;padding:24px;text-align:center}.glossary-footer p{color:#e2e8f0;line-height:1.6;margin:0}.glossary-footer strong{color:#f97316}@media (max-width:768px){.glossary-header h1{font-size:28px}.glossary-header p{font-size:16px}.term-header{align-items:flex-start;flex-direction:column}.category-filters{justify-content:flex-start}}.app-footer{align-items:center;border-top:1px solid #ffffff1a;display:flex;flex-direction:column;gap:16px;justify-content:space-between;margin-top:48px;padding-top:32px}.footer-copyright{color:#64748b;font-size:14px;margin:0}.footer-social{display:flex;gap:24px;margin-top:0}.footer-social-link{align-items:center;color:#64748b;display:flex;justify-content:center;transition:color .2s ease}.footer-social-link:hover{color:#f97316}.footer-icon{height:20px;width:20px}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (min-width:768px){.app-footer{align-items:center;flex-direction:row}.footer-social{margin-top:0}}.coming-soon{align-items:center;background-color:#0f172a;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:40px 20px;position:relative}.coming-soon:before{background:radial-gradient(circle at 50% 50%,#f973161a 0,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.coming-soon-container{max-width:600px;position:relative;text-align:center;width:100%;z-index:1}.coming-soon-logo{align-items:center;display:flex;justify-content:center;margin-bottom:30px}.coming-soon-logo img{filter:drop-shadow(0 4px 8px rgba(249,115,22,.3));height:120px;object-fit:contain;width:120px}.coming-soon-title{font-size:48px;font-weight:700;line-height:1.2;margin-bottom:16px}.coming-soon-subtitle{color:#f97316;font-size:36px;font-weight:600;line-height:1.2;margin-bottom:20px}.coming-soon-description{color:#94a3b8;font-size:18px;line-height:1.6;margin-bottom:50px}.coming-soon-features{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin-top:40px}.feature-item{align-items:center;background:#1e293b80;border:1px solid #64748b33;border-radius:12px;display:flex;flex-direction:column;gap:12px;min-width:140px;padding:20px;transition:transform .3s ease,border-color .3s ease}.feature-item:hover{border-color:#f9731666;transform:translateY(-4px)}.feature-icon{align-items:center;color:#f97316;display:flex;justify-content:center;line-height:1}.feature-icon svg{height:40px;width:40px}.feature-item p{color:#e2e8f0;font-size:14px;font-weight:500;margin:0}@media (max-width:768px){.coming-soon{padding:20px 15px}.coming-soon-logo img{height:80px;width:80px}.coming-soon-title{font-size:36px}.coming-soon-subtitle{font-size:28px}.coming-soon-description{font-size:16px;margin-bottom:40px}.coming-soon-features{gap:20px;margin-top:30px}.feature-item{min-width:120px;padding:16px}.feature-icon svg{height:32px;width:32px}.feature-item p{font-size:13px}}@media (max-width:480px){.coming-soon-title{font-size:28px}.coming-soon-subtitle{font-size:24px}.coming-soon-description{font-size:14px}.coming-soon-features{align-items:center;flex-direction:column;gap:15px}.feature-item{max-width:200px;width:100%}}.concept-overview{display:flex;justify-content:center;margin:60px auto;max-width:1200px;padding:0 20px}.concept-cards-strip{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;width:100%}.concept-card{align-items:center;background:#0f172a99;border:1px solid #64748b4d;border-radius:8px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;max-width:240px;min-width:200px;padding:24px 20px;text-align:center;transition:all .3s ease}.concept-card:hover{background:#0f172acc;border-color:#f97316;box-shadow:0 8px 16px #f9731633;transform:translateY(-4px)}.concept-icon{align-items:center;background:#f973161a;border-radius:8px;color:#f97316;display:flex;height:48px;justify-content:center;margin-bottom:16px;padding:12px;width:48px}.concept-title{color:#e2e8f0;font-size:18px;font-weight:600;margin:0 0 12px}.concept-description{color:#94a3b8;font-size:14px;line-height:1.5;margin:0}@media (max-width:768px){.concept-cards-strip{align-items:stretch;flex-direction:column}.concept-card{max-width:100%;min-width:auto}}.concept-explainer{display:flex;justify-content:center;margin:40px auto;max-width:1200px;min-height:500px;padding:0 20px}.concept-explainer-window{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #64748b4d;border-radius:12px;box-shadow:0 4px 12px #0000004d;max-width:900px;padding:30px;width:100%}.explainer-content{padding:20px 0}.explainer-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#f97316,#e2e8f0);background-clip:text;-webkit-background-clip:text;color:#e2e8f0;font-size:32px;margin:0 0 30px;text-align:center}.step-indicator{flex-direction:column;margin-bottom:40px}.step-dots,.step-indicator{align-items:center;display:flex;gap:12px}.step-dot{background:#64748b4d;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.step-dot.active{background:#f97316;height:16px;width:16px}.step-dot.completed{background:#22c55e}.step-counter{color:#94a3b8;font-size:14px}.step-content-wrapper{display:flex;flex-direction:column;gap:30px;margin-bottom:40px}.step-visual{background:#0f172a66;border-radius:8px;min-height:200px;padding:30px}.step-visual,.visual-account,.visual-device,.visual-privacy,.visual-shield{align-items:center;display:flex;justify-content:center}.visual-compute,.visual-flow,.visual-proof,.visual-send,.visual-transfer{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.proof-box,.proof-check{background:#f9731633;border:2px solid #f97316;border-radius:8px;color:#f97316;font-weight:600;padding:16px 24px}.proof-arrow{color:#94a3b8;font-size:24px}.flow-step{align-items:center;display:flex;flex-direction:column;gap:8px}.flow-icon{font-size:48px}.flow-label{color:#e2e8f0;font-size:14px;font-weight:500}.flow-arrow{color:#f97316;font-size:24px}.account-box{align-items:center;background:#f973161a;border:2px solid #f97316;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:24px}.account-icon{font-size:48px}.account-label{color:#e2e8f0;font-size:18px;font-weight:600}.account-secret{color:#94a3b8;font-size:14px}.visual-note{align-items:center;display:flex;flex-direction:column;gap:12px}.note-envelope{font-size:64px}.note-label{color:#e2e8f0;font-size:18px;font-weight:600}.note-secret{color:#94a3b8;font-size:14px}.visual-transfer{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.transfer-from,.transfer-to{background:#f9731633;border:2px solid #f97316;border-radius:8px;color:#e2e8f0;font-weight:600;padding:16px 24px}.transfer-arrow{color:#f97316;font-size:24px}.visual-compute,.visual-send{flex-direction:column;gap:16px}.compute-device,.compute-process,.compute-result,.send-chain,.send-proof{background:#f9731633;border:2px solid #f97316;border-radius:8px;color:#e2e8f0;font-weight:600;padding:16px 24px;text-align:center}.send-arrow{color:#f97316;font-size:32px}.visual-privacy{align-items:center;display:flex;flex-direction:column;gap:16px}.privacy-shield{font-size:64px}.privacy-text{color:#e2e8f0;font-size:20px;font-weight:600}.step-text{text-align:center}.step-title{color:#e2e8f0;font-size:24px;margin:0 0 16px}.step-description{color:#94a3b8;font-size:16px;line-height:1.6;margin:0 auto;max-width:600px}.step-navigation{gap:20px}.nav-button{border:none;font-weight:600;transition:all .3s ease}.prev-button{background:#0000;border:2px solid #64748b4d;color:#94a3b8}.prev-button:hover:not(:disabled){background:#64748b33;border-color:#64748b}.prev-button:disabled{cursor:not-allowed;opacity:.3}.next-button{background:#f97316;border:2px solid #f97316;color:#fff}.next-button:hover{background:#ea580c;border-color:#ea580c}.close-button{align-items:center;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;width:32px}.close-button:hover{background:#64748b33}.concept-error{color:#ef4444;padding:40px;text-align:center}.back-button{background:#0000;border:2px solid #64748b4d;border-radius:6px;color:#94a3b8;font-size:14px;margin-bottom:20px;padding:8px 16px}.back-button:hover{background:#64748b33;border-color:#64748b;color:#e2e8f0}@media (max-width:768px){.concept-explainer-window{padding:20px}.explainer-title{font-size:24px}.step-content-wrapper{gap:20px}.step-visual{min-height:150px;padding:20px}.step-navigation,.visual-flow,.visual-transfer{flex-direction:column}.nav-button{width:100%}}.toast-container{bottom:24px;display:flex;flex-direction:column;gap:12px;max-width:420px;pointer-events:none;position:fixed;right:24px;z-index:9999}.toast{animation:toastSlideIn .3s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172af2;border:1px solid #64748b4d;border-radius:12px;box-shadow:0 10px 40px #0000004d;padding:16px;pointer-events:auto;width:100%}.toast-exit{animation:toastSlideOut .3s ease-out forwards}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(120%)}to{opacity:1;transform:translateX(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(120%)}}.toast-content{align-items:flex-start;display:flex;gap:12px}.toast-icon-wrapper{align-items:center;display:flex;flex-shrink:0;justify-content:center}.toast-icon,.toast-icon-wrapper{height:24px;width:24px}.toast-text{flex:1 1;min-width:0}.toast-title{color:#f1f5f9;font-size:14px;font-weight:600;line-height:1.4;margin-bottom:4px}.toast-description{word-wrap:break-word;color:#94a3b8;font-size:13px;line-height:1.5}.toast-close{align-items:center;background:#0000;border:none;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;padding:0;transition:color .2s ease;width:20px}.toast-close:hover{color:#f1f5f9}.toast-close svg{height:16px;width:16px}.toast-action{border-top:1px solid #64748b33;margin-top:12px;padding-top:12px}.toast-action-button{background:#0000;border:1px solid #f973164d;border-radius:6px;color:#f97316;cursor:pointer;font-size:13px;font-weight:600;padding:6px 12px;transition:all .2s ease}.toast-action-button:hover{background:#f973161a;border-color:#f97316}.toast-success{border-left:3px solid #22c55e}.toast-success .toast-icon{color:#22c55e}.toast-error{border-left:3px solid #ef4444}.toast-error .toast-icon{color:#ef4444}.toast-warning{border-left:3px solid #f59e0b}.toast-warning .toast-icon{color:#f59e0b}.toast-info{border-left:3px solid #3b82f6}.toast-info .toast-icon{color:#3b82f6}.toast-neutral{border-left:3px solid #64748b}.toast-neutral .toast-icon{color:#64748b}@media (max-width:768px){.toast-container{bottom:0;gap:8px;left:0;max-width:100%;padding:12px;right:0}.toast{border-radius:12px 12px 0 0;width:100%}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}}.confirm-modal-overlay{align-items:center;animation:modalFadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:10000}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.confirm-modal{animation:modalSlideIn .3s ease-out;background:linear-gradient(135deg,#0f172afa,#1e293bfa);border:1px solid #64748b4d;border-radius:16px;box-shadow:0 20px 60px #00000080;max-width:480px;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirm-modal-header{align-items:center;border-bottom:1px solid #64748b33;display:flex;flex-direction:column;padding:32px 24px 24px;text-align:center}.modal-icon{height:56px;margin-bottom:16px;width:56px}.modal-icon-danger{color:#ef4444}.modal-icon-warning{color:#f59e0b}.modal-icon-info{color:#3b82f6}.confirm-modal-title{color:#f1f5f9;font-size:24px;font-weight:700;line-height:1.3;margin:0}.confirm-modal-body{color:#cbd5e1;font-size:15px;line-height:1.6;padding:24px;text-align:center}.confirm-modal-actions{border-top:1px solid #64748b33;display:flex;gap:12px;padding:20px 24px 24px}.confirm-modal-button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;outline:none;padding:12px 24px;transition:all .2s ease}.confirm-modal-button:focus-visible{outline:2px solid #f97316;outline-offset:2px}.confirm-modal-button-secondary{background:#64748b33;border:1px solid #64748b4d;color:#cbd5e1}.confirm-modal-button-secondary:hover{background:#64748b4d;border-color:#64748b80}.confirm-modal-button-primary{color:#fff;overflow:hidden;position:relative}.confirm-modal-button-primary:before{background:linear-gradient(135deg,#ffffff1a,#fff0);content:"";inset:0;opacity:0;position:absolute;transition:opacity .2s ease}.confirm-modal-button-primary:hover:before{opacity:1}.confirm-modal-button-danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.confirm-modal-button-danger:hover{box-shadow:0 4px 12px #ef444466}.confirm-modal-button-warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.confirm-modal-button-warning:hover{box-shadow:0 4px 12px #f59e0b66}.confirm-modal-button-info{background:linear-gradient(135deg,#3b82f6,#2563eb)}.confirm-modal-button-info:hover{box-shadow:0 4px 12px #3b82f666}@media (max-width:768px){.confirm-modal{margin:0 12px;max-width:100%}.confirm-modal-header{padding:24px 20px 20px}.modal-icon{height:48px;margin-bottom:12px;width:48px}.confirm-modal-title{font-size:20px}.confirm-modal-body{font-size:14px;padding:20px}.confirm-modal-actions{flex-direction:column-reverse;padding:16px 20px 20px}.confirm-modal-button{width:100%}}*{box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;margin:0;padding:0}body,html{background-color:#0f172a;color:#e2e8f0;height:100%;line-height:1.6;overflow:hidden}.edge-scroll{height:100vh;overflow-y:hidden;transition:overflow .3s ease}.edge-scroll:hover{overflow-y:auto}.edge-scroll::-webkit-scrollbar{width:8px}.edge-scroll::-webkit-scrollbar-track{background:#0000}.edge-scroll::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}.edge-scroll::-webkit-scrollbar-thumb:hover{background:#64748b}.container{margin:0 auto;max-width:1200px;padding:20px}header{border-bottom:1px solid #334155;padding:16px 0}header,header .container{align-items:center;display:flex;justify-content:space-between}header .container{width:100%}.logo{align-items:center;display:flex;font-size:24px;font-weight:700}.logo span{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#f97316,#f97316 2%,#e2e8f0 2.5%,#e2e8f0 12%,#f97316 12.5%,#f97316 14%,#e2e8f0 14.5%,#e2e8f0 22%,#f97316 22.5%,#f97316 24.5%,#e2e8f0 25%,#e2e8f0 32%,#f97316 32.5%,#f97316 34%,#e2e8f0 34.5%,#e2e8f0 40%,#f97316 40.5%,#f97316 42.5%,#e2e8f0 43%,#e2e8f0 52%,#f97316 52.5%,#f97316 54%,#e2e8f0 54.5%,#e2e8f0 62%,#f97316 62.5%,#f97316 65%,#e2e8f0 65.5%,#e2e8f0 74%,#f97316 74.5%,#f97316 76%,#e2e8f0 76.5%,#e2e8f0 84%,#f97316 84.5%,#f97316 86.5%,#e2e8f0 87%,#e2e8f0 94%,#f97316 94.5%,#f97316 96%,#e2e8f0 96.5%,#e2e8f0);-webkit-background-clip:text;background-clip:text}.logo-icon{height:48px;margin-right:15px;object-fit:contain;width:48px}.menu-toggle{background:none;border:none;cursor:pointer;display:none;flex-direction:column;padding:5px}.menu-toggle span{background-color:#e2e8f0;border-radius:2px;height:3px;margin:3px 0;transition:.3s;width:25px}nav ul{display:flex;gap:30px;list-style:none}nav a{color:#94a3b8;font-weight:500;text-decoration:none;transition:color .3s}nav a:hover{color:#f97316;transform:translateY(-1px)}nav a.active{color:#f97316;position:relative}nav a.active:after{background:linear-gradient(90deg,#f97316,#ea580c);border-radius:1px;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:100%}.hero{padding:60px 0;text-align:center}.hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#f97316,#f97316 1.5%,#e2e8f0 2%,#e2e8f0 7%,#f97316 7.5%,#f97316 9%,#e2e8f0 9.5%,#e2e8f0 16%,#f97316 16.5%,#f97316 18.5%,#e2e8f0 19%,#e2e8f0 26%,#f97316 26.5%,#f97316 27.5%,#e2e8f0 28%,#e2e8f0 33%,#f97316 33.5%,#f97316 35.5%,#e2e8f0 36%,#e2e8f0 42%,#f97316 42.5%,#f97316 44%,#e2e8f0 44.5%,#e2e8f0 52%,#f97316 52.5%,#f97316 54.5%,#e2e8f0 55%,#e2e8f0 61%,#f97316 61.5%,#f97316 63%,#e2e8f0 63.5%,#e2e8f0 70%,#f97316 70.5%,#f97316 72.5%,#e2e8f0 73%,#e2e8f0 79%,#f97316 79.5%,#f97316 81%,#e2e8f0 81.5%,#e2e8f0 87%,#f97316 87.5%,#f97316 89.5%,#e2e8f0 90%,#e2e8f0 95%,#f97316 95.5%,#f97316 97%,#e2e8f0 97.5%,#e2e8f0);background-clip:text;-webkit-background-clip:text;font-size:48px;margin-bottom:20px}.hero p{color:#94a3b8;font-size:20px;margin:0 auto 40px;max-width:600px}.cta-buttons{display:flex;gap:20px;justify-content:center}.btn{border-radius:8px;font-weight:600;padding:12px 30px;text-decoration:none;transition:all .3s}.btn-primary{background-color:initial;border:2px solid #f97316;color:#f97316}.btn-primary:hover{background-color:#f97316;color:#fff}.btn-secondary{background-color:#1e293b;border:1px solid #334155;color:#e2e8f0}.btn-secondary:hover{background-color:#334155}.playground-section{display:flex;justify-content:center;margin:60px 0}.code-editor{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #64748b4d;border-radius:12px;box-shadow:0 4px 12px #0000004d;max-width:800px;padding:20px;width:100%}.panel-header{align-items:center;border-bottom:1px solid #64748b4d;display:flex;justify-content:flex-start;margin-bottom:20px;padding-bottom:10px}.terminal-dots{display:flex;gap:8px}.dot{border-radius:50%;height:12px;width:12px}.dot.red{background-color:#ef4444}.dot.yellow{background-color:#eab308}.dot.green{background-color:#22c55e}.panel-title{font-size:18px;font-weight:600}.editor-content{background:#0f172a;border:1px solid #64748b33;border-radius:8px;display:flex;min-height:300px;overflow:hidden}.code-section{display:flex;flex:1 1}.output-section{border-left:1px solid #64748b4d;display:flex;flex-direction:column;min-width:200px}.output-header{border-bottom:1px solid #64748b33;color:#94a3b8;font-size:14px;padding:10px 20px;text-align:center}.line-numbers,.output-header{font-family:Fira Code,monospace}.line-numbers{background-color:#0f172a;line-height:1.8;min-width:40px;padding:15px 10px;-webkit-user-select:none;user-select:none}.line-number{color:#64748b;padding-right:15px;text-align:right}.code-input{background-color:#0f172a;border:none;line-height:1.8;outline:none;padding:15px;resize:none}.code-input,.output-content{flex:1 1;font-family:Fira Code,monospace}.output-content{align-items:center;color:#10b981;display:flex;font-size:48px;font-weight:700;justify-content:center;padding:20px;text-align:center}.getting-started{margin:80px 0}.section-title{font-size:32px;margin-bottom:40px;text-align:center}.cards{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.card{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #64748b33;border-radius:12px;padding:30px;text-align:left;transition:transform .3s}.card:hover{transform:translateY(-5px)}.card-icon{align-items:center;border-radius:8px;display:flex;height:48px;justify-content:center;margin-bottom:20px;width:48px}.book-icon,.code-icon{background:#0000;border:2px solid #f97316}.card-icon svg{color:#f97316}.card h3{color:#e2e8f0;font-size:20px;font-weight:600;margin-bottom:15px}.card p{color:#94a3b8}.ecosystem-section{padding:80px 0}.ecosystem-header{margin-bottom:60px;text-align:center}.ecosystem-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#e2e8f0,#e2e8f0 8%,#f97316 8.5%,#f97316 10%,#e2e8f0 10.5%,#e2e8f0 15%,#f97316 15.5%,#f97316 17%,#e2e8f0 17.5%,#e2e8f0 28%,#f97316 28.5%,#f97316 29.5%,#e2e8f0 30%,#e2e8f0 35%,#f97316 35.5%,#f97316 37.5%,#e2e8f0 38%,#e2e8f0 52%,#f97316 52.5%,#f97316 54%,#e2e8f0 54.5%,#e2e8f0 65%,#f97316 65.5%,#f97316 67%,#e2e8f0 67.5%,#e2e8f0 78%,#f97316 78.5%,#f97316 79.5%,#e2e8f0 80%,#e2e8f0 85%,#f97316 85.5%,#f97316 87.5%,#e2e8f0 88%,#e2e8f0 94%,#f97316 94.5%,#f97316 96%,#e2e8f0 96.5%,#e2e8f0);-webkit-background-clip:text;background-clip:text;color:#e2e8f0;font-size:48px;margin-bottom:20px;position:relative}.ecosystem-subtitle{color:#94a3b8;font-size:20px;margin:0 auto;max-width:600px}.ecosystem-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:60px}.ecosystem-grid{display:contents}.ecosystem-card{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #64748b33;border-radius:12px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.ecosystem-card.expanded{grid-column:span 1}.ecosystem-card:hover{box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}.ecosystem-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.ecosystem-icon{align-items:center;background:#0000;border:2px solid #f97316;border-radius:10px;display:flex;font-size:20px;height:48px;justify-content:center;width:48px}.ecosystem-icon svg{color:#f97316}.coming-soon-badge{background:#64748b1a;border:1px solid #64748b4d;border-radius:20px;color:#94a3b8}.active-badge,.coming-soon-badge{font-size:12px;font-weight:600;padding:6px 12px}.active-badge{background:#22c55e26;border:1px solid #22c55e66;border-radius:20px;color:#22c55e}.ecosystem-card-title{color:#e2e8f0;font-size:20px;font-weight:700;margin-bottom:10px}.ecosystem-card-description{color:#94a3b8;font-size:14px;line-height:1.5;margin-bottom:18px}.ecosystem-card-footer{display:flex;justify-content:flex-start}.ecosystem-card-button{background-color:initial;border:2px solid #f97316;border-radius:8px;color:#f97316;cursor:pointer;font-size:14px;font-weight:600;padding:12px;transition:all .3s ease;width:100%}.ecosystem-card-button:hover:not(:disabled){background:#64748b1a;border-color:#64748b;color:#e2e8f0}.ecosystem-card-button:disabled{background:#64748b33;border:1px solid #64748b4d;color:#64748b;cursor:not-allowed}.ecosystem-cta{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #64748b33;border-radius:12px;grid-column:1/-1;margin-top:40px;max-width:none;padding:30px 20px;text-align:center}.ecosystem-cta h2{color:#e2e8f0;font-size:24px;margin-bottom:12px}.ecosystem-cta p{color:#94a3b8;font-size:16px;margin-bottom:20px}.ecosystem-submit-btn{background-color:initial;border:2px solid #f97316;border-radius:6px;color:#f97316;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.ecosystem-submit-btn:hover{background-color:#f973161a;border-color:#fb923c;color:#fb923c;transform:translateY(-2px)}.builders-wanted-badge{background:#f9731626;border:1px solid #f9731666;border-radius:20px;color:#f97316;font-size:12px;font-weight:600;padding:6px 12px}.builders-wanted-content{background:#f973160d;border:1px solid #f9731633;border-radius:8px;margin:16px 0;padding:16px}.builders-wanted-text{color:#cbd5e1;font-size:14px;line-height:1.6;margin:0}.ecosystem-projects{display:flex;flex-direction:column;gap:8px;margin:16px 0;max-height:400px;overflow-y:auto;padding-right:8px}.ecosystem-projects::-webkit-scrollbar{width:6px}.ecosystem-projects::-webkit-scrollbar-track{background:#0f172a4d;border-radius:3px}.ecosystem-projects::-webkit-scrollbar-thumb{background:#f9731680;border-radius:3px}.ecosystem-projects::-webkit-scrollbar-thumb:hover{background:#f97316b3}.project-mini-card{background:#0f172a80;border:1px solid #64748b33;border-radius:8px;display:block;padding:8px;text-decoration:none;transition:all .2s ease}.project-mini-card:hover{background:#0f172ab3;border-color:#f973164d;transform:translateX(4px)}.project-mini-header{align-items:center;display:flex;gap:8px;margin-bottom:6px}.project-mini-logo{align-items:center;border-radius:6px;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.project-mini-logo svg{height:100%;width:100%}.project-mini-logo-placeholder{align-items:center;background:linear-gradient(135deg,#f97316,#fb923c);border-radius:6px;color:#fff;display:flex;font-size:16px;font-weight:700;height:32px;justify-content:center;width:32px}.project-mini-name{color:#e2e8f0;font-size:13px;font-weight:600;margin:0}.project-mini-description{color:#94a3b8;font-size:11px;line-height:1.3;margin:0 0 8px}.project-tags{display:flex;flex-wrap:wrap;gap:6px}.project-tag{background:#f973161a;border:1px solid #f973164d;border-radius:8px;color:#fb923c;display:inline-block;font-size:9px;font-weight:600;letter-spacing:.3px;padding:2px 6px;text-transform:uppercase}.project-tag:hover{background:#f9731633;border-color:#f9731680}.playground-page{box-sizing:border-box;min-height:100vh;padding:20px;width:100%}.playground-header{margin-bottom:30px}.playground-header-content{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:0 16px}.playground-title-section{flex:1 1}.playground-header-actions{align-items:center;display:flex;flex-shrink:0;gap:12px}.playground-header p{color:#94a3b8;font-size:16px;line-height:1.5;margin:0 0 16px;max-width:500px;opacity:.8}.progress-indicator{color:#64748b;font-size:14px}.wallet-section{gap:12px}.wallet-connected,.wallet-section{align-items:flex-end;display:flex;flex-direction:column}.wallet-connected{gap:8px}.wallet-status{color:#10b981;font-size:14px;font-weight:500;gap:8px}.wallet-indicator{font-size:12px}.disconnect-wallet-btn{background:#0000;border:1px solid #475569;border-radius:4px;color:#64748b;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .3s ease}.disconnect-wallet-btn:hover{border-color:#f87171;color:#f87171}.nav-wallet-btn{background-color:initial;border:2px solid #f97316;border-radius:6px;color:#f97316;cursor:pointer;font-size:14px;font-weight:600;margin-left:20px;padding:8px 16px;transition:all .3s ease}.nav-wallet-btn:hover{background-color:#f97316;color:#fff;transform:translateY(-1px)}.connect-wallet-btn{background-color:initial;border:2px solid #f97316;border-radius:8px;color:#f97316;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.connect-wallet-btn:hover{background-color:#f973161a;border-color:#fb923c;color:#fb923c;transform:translateY(-1px)}.playground-tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;background:#1e293b;border:1px solid #334155;border-radius:8px;box-sizing:border-box;display:flex;gap:6px;margin-bottom:24px;max-width:100%;overflow-x:auto;padding:4px;scrollbar-width:none;width:100%}.playground-tabs::-webkit-scrollbar{display:none}.tab{align-items:center;background:#0000;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;flex:0 0 auto;font-size:13px;font-weight:500;gap:6px;min-width:-webkit-fit-content;min-width:fit-content;overflow:hidden;padding:10px 16px;position:relative;text-transform:capitalize;transition:all .3s ease;white-space:nowrap}.tab:after{background:linear-gradient(90deg,#f97316,#ea580c);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.tab:hover:after{width:100%}.tab-icon{align-items:center;display:flex;font-size:16px;justify-content:center}.tab-icon svg{height:16px;width:16px}.tab:hover{background:#64748b1a;color:#e2e8f0}.tab.active{background-color:initial;border:1px solid #f97316;color:#f97316}.wallet-section{border-bottom:1px solid #1e293b;padding:20px 0}.connect-wallet-button{align-items:center;background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:25px;box-shadow:0 4px 12px #f973164d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:center;padding:12px 20px;transition:all .3s ease;width:100%}.connect-wallet-button:hover:not(:disabled){background:linear-gradient(135deg,#ea580c,#dc2626);box-shadow:0 6px 20px #f9731666;transform:translateY(-2px)}.connect-wallet-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.connect-wallet-button.loading{background:linear-gradient(135deg,#64748b,#475569)}.connect-wallet-button.connected{background:linear-gradient(135deg,#10b981,#059669)}.connect-wallet-button.connected:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857)}.wallet-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;color:#ef4444}.wallet-error,.wallet-status{align-items:center;display:flex;font-size:12px;line-height:1.4;margin-top:8px;padding:8px 12px}.wallet-status{background:#f973161a;border:1px solid #f973164d;border-radius:6px;color:#f97316}.connected-account-display{align-items:center;background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:6px;display:flex;gap:8px;margin-top:8px;padding:8px 12px}.miden-logo{align-items:center;background:#8b5cf6;border-radius:3px;display:flex;flex-shrink:0;height:16px;justify-content:center;width:16px}.miden-logo svg{fill:#fff;height:12px;width:12px}.connected-account-display .account-address{color:#e2e8f0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;font-weight:500}.wallet-dropdown-container{position:relative;width:100%}.wallet-account-button{background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:12px;color:inherit;cursor:pointer;padding:12px 16px;transition:all .3s ease;width:100%}.wallet-account-button:hover{background:#8b5cf633;border-color:#8b5cf680;transform:translateY(-1px)}.wallet-account-display{align-items:center;display:flex;gap:10px}.wallet-account-display .account-address{color:#a78bfa;flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;font-weight:500}.dropdown-arrow{color:#94a3b8;transition:transform .3s ease}.dropdown-arrow.open{transform:rotate(180deg)}.wallet-dropdown-menu{animation:slideDown .2s ease-out;background:#1e293b;border:1px solid #334155;border-radius:12px;box-shadow:0 8px 24px #0000004d;left:0;padding:8px;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.wallet-dropdown-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#e2e8f0;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 14px;text-align:left;transition:all .2s ease;width:100%}.wallet-dropdown-item:hover{background:#64748b33}.wallet-dropdown-item.disconnect{color:#f87171}.wallet-dropdown-item.disconnect:hover{background:#f871711a}.wallet-dropdown-item svg{flex-shrink:0}.wallet-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.wallet-modal-content{animation:slideUp .3s ease-out;background:linear-gradient(180deg,#1e293b,#0f172a);border:1px solid #334155;border-radius:20px;box-shadow:0 20px 60px #00000080;max-width:500px;padding:32px;position:relative;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.wallet-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.wallet-modal-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f97316,#ea580c);-webkit-background-clip:text;background-clip:text;color:#f1f5f9;font-size:24px;font-weight:700;margin:0}.wallet-modal-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.wallet-modal-close:hover{background:#64748b33;color:#f1f5f9}.wallet-modal-subtitle{color:#94a3b8;font-size:14px;line-height:1.5;margin:0 0 24px}.wallet-options-grid{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.wallet-option{position:relative}.wallet-option-button{align-items:center;background:#1e293b80;border:1px solid #334155;border-radius:12px;color:inherit;cursor:pointer;display:flex;gap:16px;padding:16px 20px;text-align:left;transition:all .3s ease;width:100%}.wallet-option-button:hover{background:#33415580;border-color:#475569;box-shadow:0 8px 24px #0000004d;transform:translateY(-2px)}.wallet-option.unavailable .wallet-option-button{border-color:#f97316;cursor:pointer;opacity:.8}.wallet-option.unavailable .wallet-option-button:hover{background:#f973161a;border-color:#f97316;opacity:1}.wallet-option.connecting .wallet-option-button{background:#f973161a;border-color:#f97316}.wallet-option-icon{align-items:center;background:#8b5cf61a;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.wallet-option-info{flex:1 1}.wallet-option-info h3{color:#f1f5f9;font-size:16px;font-weight:600;margin:0 0 4px}.wallet-option-info p{color:#94a3b8;font-size:13px;margin:0}.wallet-option-action{align-items:center;display:flex;flex-shrink:0}.install-badge{background:linear-gradient(135deg,#f97316,#ea580c);border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:6px 14px}.spinner{color:#f97316}.wallet-modal-footer{border-top:1px solid #334155;padding-top:20px}.wallet-modal-help{align-items:center;color:#64748b;display:flex;font-size:12px;gap:8px;line-height:1.5;margin:0}.wallet-modal-help svg{color:#475569;flex-shrink:0}.verified-badge{align-items:center;color:#22c55e;display:inline-flex;font-size:14px;margin-left:8px}.verified-badge svg{height:16px;width:16px}.security-status{align-items:center;color:#22c55e;display:flex;font-size:12px;font-weight:500;gap:4px;margin:4px 0 0}.wallet-option.unverified{background:#f59e0b0d;border-color:#f59e0b}.wallet-option.unverified .wallet-option-info h3{color:#f59e0b}@media (max-width:768px){.wallet-modal-content{max-width:90%;padding:24px}.wallet-modal-header h2{font-size:20px}.wallet-option-button{padding:14px 16px}.wallet-option-icon{height:40px;width:40px}.wallet-option-icon svg{height:32px;width:32px}}.progress-section{margin-bottom:24px}.progress-indicator{background:#64748b1a;border:1px solid #64748b33;border-radius:12px;padding:16px}.progress-header h3{color:#f1f5f9;font-size:16px;font-weight:600;margin:0 0 12px}.progress-header p{color:#94a3b8;font-size:12px;line-height:1.4;margin:0 0 16px}.progress-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:16px}.stat-item{background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:8px;padding:8px;text-align:center}.stat-value{color:#8b5cf6;display:block;font-size:18px;font-weight:700;margin-bottom:4px}.stat-label{color:#94a3b8;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.progress-bar-container{margin-bottom:12px}.progress-bar{background:#64748b33;border-radius:4px;height:8px;margin-bottom:8px}.progress-bar-fill{background:linear-gradient(90deg,#8b5cf6,#a855f7);border-radius:4px;height:100%;transition:width .3s ease}.progress-percentage{color:#8b5cf6;display:block;font-size:12px;font-weight:600;text-align:center}.check-in-section{background:#f973161a;border:1px solid #f9731633;border-radius:8px;margin-top:16px;padding:16px;text-align:center}.check-in-button-small{align-items:center;background:#0000;border:1px solid #334155;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;font-size:12px;font-weight:500;justify-content:center;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.check-in-button-small:hover:not(:disabled){background:#64748b1a;border-color:#64748b;color:#e2e8f0}.check-in-button-small:disabled{background:#10b9811a;border-color:#10b981;color:#10b981;cursor:not-allowed}.check-in-button{align-items:center;background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:center;margin:0 auto 8px;padding:12px 20px;transition:all .2s ease}.check-in-button:hover{background:linear-gradient(135deg,#ea580c,#dc2626);transform:translateY(-1px)}.check-in-button:active{transform:translateY(0)}.check-in-button:disabled{cursor:not-allowed}.check-in-button:disabled,.check-in-button:disabled:hover{background:#6b7280;transform:none}.check-in-info{color:#fbbf24;font-size:12px}.sync-status svg{color:#10b981}.wallet-info{background:#64748b1a;border:1px solid #64748b4d;border-radius:8px;font-size:12px;margin-top:12px;padding:12px}.account-info,.balance-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.account-info:last-child,.balance-info:last-child{margin-bottom:0}.account-label,.balance-label{color:#94a3b8;font-weight:500}.account-address{color:#e2e8f0;font-family:monospace;font-size:11px}.balance-amount{color:#f97316;font-weight:600}.wallet-install-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.wallet-install-modal{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #475569;border-radius:16px;box-shadow:0 25px 50px #00000080;max-height:80vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #475569;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h3{color:#f8fafc;font-size:20px;font-weight:700;margin:0}.close-button{background:#0000;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;padding:4px;transition:all .3s ease}.close-button:hover{background:#64748b1a;color:#e2e8f0}.modal-content{padding:24px}.install-steps{margin-bottom:24px}.step{align-items:flex-start;display:flex;gap:16px;margin-bottom:20px}.step:last-child{margin-bottom:0}.step-number{align-items:center;background:linear-gradient(135deg,#f97316,#ea580c);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.step-content h4{color:#f8fafc;font-size:16px;font-weight:600;margin:0 0 8px}.step-content p{color:#94a3b8;font-size:14px;line-height:1.5;margin:0 0 12px}.install-link{align-items:center;background:linear-gradient(135deg,#f97316,#ea580c);border-radius:8px;color:#fff;display:inline-flex;font-size:14px;font-weight:500;padding:8px 16px;text-decoration:none;transition:all .3s ease}.install-link:hover{background:linear-gradient(135deg,#ea580c,#c2410c);box-shadow:0 4px 12px #f973164d;transform:translateY(-1px)}.features{background:#64748b1a;border:1px solid #64748b4d;border-radius:8px;padding:16px}.features h4{color:#f8fafc;font-size:14px;font-weight:600;margin:0 0 12px}.features ul{margin:0;padding-left:16px}.features li{color:#94a3b8;font-size:13px;line-height:1.5;margin-bottom:4px}.modal-footer{border-top:1px solid #475569;display:flex;justify-content:center;padding:16px 24px}.refresh-button{align-items:center;background:linear-gradient(135deg,#64748b,#475569);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.refresh-button:hover{background:linear-gradient(135deg,#475569,#374151);transform:translateY(-1px)}.tutorial-module{margin:0 auto;max-width:1200px;padding:20px}.tutorial-header{margin-bottom:30px;text-align:center}.tutorial-title{color:#f8fafc;font-size:28px;font-weight:700;margin-bottom:12px}.tutorial-description{color:#94a3b8;font-size:16px;margin-bottom:20px}.tutorial-progress{align-items:center;display:flex;gap:20px;margin-left:auto;margin-right:auto;margin-top:12px;max-width:600px}.tutorial-progress span{color:#cbd5e1;flex-shrink:0;font-size:14px;font-weight:500;white-space:nowrap}.tutorial-progress .progress-bar{background:#64748b4d;border-radius:4px;flex-grow:1;height:6px;margin-top:7px;overflow:hidden}.tutorial-progress .progress-fill{background:linear-gradient(90deg,#f97316,#ea580c);border-radius:4px;height:100%;transition:width .3s ease}.tutorial-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:30px}.step-content{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #64748b4d;border-radius:12px;padding:24px}.step-title{color:#f8fafc;font-size:20px;font-weight:600;margin-bottom:16px}.step-explanation{color:#94a3b8;line-height:1.6}.step-explanation p{color:#94a3b8;font-size:16px;margin-bottom:12px}.step-explanation .step-heading{color:#f8fafc;font-weight:600;margin-bottom:12px;margin-top:20px}.step-explanation .step-heading-h3{font-size:20px;font-weight:700}.step-explanation .step-heading-h4{font-size:18px;font-weight:600}.step-explanation .step-heading-h5{font-size:16px;font-weight:600}.step-explanation .step-heading-h6{font-size:15px;font-weight:600}.step-explanation strong{color:#e2e8f0;font-weight:600}.code-section{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #64748b4d;border-radius:12px;padding:24px}.code-editor{margin-bottom:20px}.editor-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.editor-header span{color:#e2e8f0;font-size:14px;font-weight:500}.reset-button{background:#64748b33;border:1px solid #64748b4d;border-radius:6px;color:#94a3b8;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .3s ease}.reset-button:hover{background:#64748b4d;color:#e2e8f0}.code-input{background:#0f172a;border:1px solid #64748b4d;border-radius:8px;color:#e2e8f0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.5;min-height:200px;padding:16px;resize:vertical;width:100%}.code-input:focus{border-color:#f97316;box-shadow:0 0 0 2px #f9731633;outline:none}.execution-section{margin-bottom:20px}.execute-button{background:#0000;border:1px solid #334155;border-radius:8px;color:#94a3b8;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:16px;padding:12px 24px;transition:all .2s ease}.execute-button:hover:not(:disabled){background:#64748b1a;border-color:#64748b;color:#e2e8f0}.execute-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.output-section h4{color:#e2e8f0;font-size:14px;font-weight:600;margin-bottom:8px}.output{background:#0f172a;border:1px solid #64748b4d;border-radius:6px;color:#10b981;font-family:monospace;font-size:14px;padding:12px}.output.error{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.success-message{align-items:center;background:#10b9811a;border:1px solid #10b9814d;border-radius:8px;color:#10b981;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px}.step-navigation{display:flex;gap:16px;justify-content:space-between}.nav-button{background:#0000;border:1px solid #334155;border-radius:8px;color:#94a3b8;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.nav-button:hover:not(:disabled){background:#64748b1a;border-color:#64748b;color:#e2e8f0}.nav-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.nav-button.next{background:#0000;border:1px solid #334155;color:#94a3b8}.nav-button.next:hover:not(:disabled){background:#64748b1a;border-color:#64748b;color:#e2e8f0}@media (max-width:768px){.tutorial-content{gap:20px;grid-template-columns:1fr}.tutorial-title{font-size:24px}.step-navigation{flex-direction:column}}.sidebar-divider{background:linear-gradient(90deg,#0000,#1e293b,#0000);height:1px;margin:0}.playground-content{box-sizing:border-box;display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:1200px;padding:0 16px;width:100%}.activities-section{min-height:auto;width:100%}.activities-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr;width:100%}.activity-card{animation:fadeIn .6s ease-out;background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #64748b33;border-radius:12px;box-sizing:border-box;overflow:hidden;padding:16px;position:relative;transition:all .3s ease;width:100%}.activity-card:hover{border-color:#f973164d;box-shadow:0 8px 25px #00000026;transform:translateY(-2px) scale(1.02)}.activity-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:12px}.activity-icon{align-items:center;background-color:#475569;border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.activity-icon svg{height:24px;width:24px}.difficulty-badge{border-radius:12px;color:#fff;flex-shrink:0;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase;white-space:nowrap}.activity-title{word-wrap:break-word;color:#e2e8f0;font-size:18px;font-weight:700;line-height:1.3;margin-bottom:8px}.activity-description{word-wrap:break-word;color:#94a3b8;font-size:13px;line-height:1.5;margin-bottom:12px}.activity-objective{background:#f973161a;border-left:2px solid #f97316;border-radius:4px;display:flex;gap:6px;margin-bottom:12px;padding:8px 12px}.objective-label{color:#f97316;flex-shrink:0;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.objective-text{color:#e2e8f0;font-size:12px;line-height:1.4}.activity-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.time-estimate{align-items:center;color:#94a3b8;display:inline-flex;gap:4px}.concept-badge,.time-estimate{background:#64748b33;border-radius:12px;font-size:11px;padding:4px 8px}.concept-badge{color:#cbd5e1;font-weight:500}.activity-progress{margin-bottom:20px}.progress-text{color:#06b6d4}.progress-pill,.progress-text{font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.progress-pill{background:#64748b33;border:1px solid #64748b4d;border-radius:20px;color:#e2e8f0;padding:4px 12px}.activity-button{background-color:initial;border:2px solid #f97316;border-radius:8px;color:#f97316;cursor:pointer;font-size:14px;font-weight:600;padding:12px;transition:all .3s ease;width:100%}.activity-button:hover{background:#64748b1a;border-color:#64748b;color:#e2e8f0}.activity-buttons{display:flex;flex-direction:column;gap:8px}.sandbox-button{align-items:center;background-color:initial;border:2px solid #f97316;border-radius:6px;color:#f97316;cursor:pointer;display:flex;font-size:12px;font-weight:500;justify-content:center;letter-spacing:.5px;padding:10px 16px;text-transform:uppercase;transition:all .3s ease;width:100%}.sandbox-button:hover{background-color:#f973161a;border-color:#fb923c;color:#fb923c;transform:translateY(-1px)}.playground-sidebar{display:flex;flex-direction:column;gap:30px}.badges-section,.leaderboard-section{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #64748b33;border-radius:16px;padding:24px}.section-title{color:#e2e8f0;font-size:18px;font-weight:700;margin-bottom:16px}.badges-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.badge{align-items:center;border-radius:8px;display:flex;flex-direction:column;gap:6px;padding:12px 8px;position:relative;text-align:center;transition:all .3s ease}.badge.earned{animation:pulse 2s infinite;background:linear-gradient(135deg,#f973161a,#ea580c1a);border:2px solid #f973164d}.badge.locked{background:#64748b0d;border:2px solid #64748b33;filter:grayscale(100%);opacity:.5}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.badge-icon{align-items:center;background:linear-gradient(135deg,#f97316,#ea580c);border-radius:50%;color:#fff;display:flex;font-size:16px;height:32px;justify-content:center;margin-bottom:2px;width:32px}.badge.locked .badge-icon{background:linear-gradient(135deg,#64748b,#475569)}.badge-name{color:#e2e8f0;font-size:12px;font-weight:500}.leaderboard{display:flex;flex-direction:column;gap:8px}.leaderboard-coming-soon{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:40px 24px;text-align:center}.coming-soon-icon{color:#f97316;margin-bottom:16px;opacity:.7}.coming-soon-title{color:#e2e8f0;font-size:18px;font-weight:600;margin-bottom:8px}.coming-soon-text{color:#94a3b8;font-size:14px;line-height:1.5;max-width:240px}.leaderboard-item{background:#1e293b80;border:1px solid #64748b33;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:16px;transition:all .3s ease}.leaderboard-item:hover{background:#f973161a;border-color:#f973164d}.leader-info{align-items:center;display:flex;justify-content:space-between}.progress-bar{background:#64748b4d;border-radius:3px;height:6px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#f97316,#fb923c);border-radius:3px;height:100%;transition:width .3s ease}.user-score{color:#f97316;font-size:12px;font-weight:600}.game-header{margin-bottom:20px;padding:20px 0}.back-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172af2;border:2px solid #f97316;border-radius:8px;color:#f97316;cursor:pointer;display:flex;font-weight:500;gap:8px;left:260px;padding:10px 20px;position:fixed;top:20px;transition:all .3s ease;z-index:1001}.main-content.collapsed .back-button{left:90px}.back-button:hover{background:#f973161a;border-color:#fb923c;color:#fb923c;transform:translateY(-1px)}.mini-sandbox{background:#1e293b99;border:1px solid #64748b40;border-radius:12px;padding:16px}.sandbox-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.sandbox-run{background:#0000;border:2px solid #f97316;border-radius:8px;color:#f97316;cursor:pointer;font-weight:600;padding:8px 14px;transition:all .2s ease}.sandbox-run:hover:enabled{background:#f973161a;border-color:#fb923c;color:#fb923c}.sandbox-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 320px}.sandbox-editor{border-radius:8px;height:300px;overflow:hidden}.sandbox-output{background:#0f172acc;border:1px solid #64748b40;border-radius:8px;display:flex;flex-direction:column}.sandbox-output-title{border-bottom:1px solid #64748b33;color:#94a3b8;font-size:12px;letter-spacing:.5px;padding:8px 10px;text-transform:uppercase}.sandbox-output-body{color:#e2e8f0;font-family:Fira Code,monospace;font-size:13px;margin:0;padding:10px;white-space:pre-wrap}@media (max-width:900px){.sandbox-grid{grid-template-columns:1fr}.sandbox-editor{height:260px}}.rank{color:#06b6d4;font-weight:700;min-width:24px}.username{color:#e2e8f0;flex:1 1;font-size:14px;font-weight:500}.user-badges{color:#94a3b8;font-size:12px}@media (min-width:1024px){.playground-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 280px;padding:0 20px}.activities-grid{gap:24px;grid-template-columns:repeat(2,1fr)}.activity-card{padding:24px}.activity-title{font-size:20px}.activity-description{font-size:14px}.playground-tabs{gap:8px;margin-left:auto;margin-right:auto;padding:6px;width:-webkit-fit-content;width:fit-content}.tab{font-size:14px;gap:8px;padding:12px 24px}.tab-icon{height:16px;width:16px}.playground-page{padding:20px 0}.playground-header-content{gap:40px}}@media (min-width:768px) and (max-width:1023px){.activities-grid{gap:20px;grid-template-columns:repeat(2,1fr)}.playground-content{padding:0 16px}}@media (max-width:1024px){.container{padding:15px}.code-editor{max-width:90%}.hero h1{font-size:42px}.cards{gap:20px;grid-template-columns:1fr 1fr}.ecosystem-container{gap:20px;grid-template-columns:repeat(2,1fr)}.playground-content{gap:30px;grid-template-columns:1fr}.playground-sidebar{order:-1}.playground-header-content{align-items:center;border-bottom:1px solid #334155;flex-direction:row;gap:20px;justify-content:space-between;padding-bottom:15px}.playground-title-section{flex:1 1}.wallet-section{flex-shrink:0}}@media (max-width:768px){.container{padding:10px}header{padding:12px 0}.logo{font-size:20px}.logo-icon{height:36px;margin-right:10px;width:36px}.menu-toggle{display:flex}nav{background:linear-gradient(135deg,#1e293b,#334155);border-left:1px solid #64748b4d;height:calc(100vh - 80px);position:fixed;right:-100%;top:80px;transition:right .3s ease;width:250px;z-index:1000}.nav-open{right:0}nav ul{flex-direction:column;gap:0;height:100%;padding:20px 0}nav li{width:100%}nav a{border-bottom:1px solid #64748b1a;display:block;font-size:16px;padding:15px 25px;transition:background-color .3s}nav a:hover{background-color:#f973161a;color:#f97316;transform:translateX(5px)}nav a.active{background-color:#f9731626;border-left:3px solid #f97316;color:#f97316}.hero{padding:40px 0}.hero h1{font-size:32px;margin-bottom:15px}.hero p{font-size:18px;margin-bottom:30px}.cta-buttons{align-items:center;flex-direction:column;gap:15px}.btn{text-align:center;width:200px}.code-editor{max-width:100%;padding:15px}.editor-content{flex-direction:column;min-height:auto}.code-section{min-height:200px}.output-section{border-left:none;border-top:1px solid #64748b4d;min-width:auto}.output-content{font-size:36px;padding:15px}.cards,.ecosystem-container{gap:20px;grid-template-columns:1fr}.playground-content{flex-direction:column;gap:20px}.playground-tabs{gap:4px;margin-left:0;margin-right:0}.tab-icon{height:14px;width:14px}.activities-grid{gap:12px;grid-template-columns:1fr}.playground-sidebar{gap:16px}.badges-section,.leaderboard-section{width:100%}.activity-card{padding:12px}.activity-title{font-size:14px;line-height:1.3;margin-bottom:6px}.activity-description{font-size:11px;line-height:1.4;margin-bottom:12px}.activity-icon{border-radius:8px;height:32px;width:32px}.activity-icon svg{height:18px;width:18px}.activity-header{margin-bottom:10px}.activity-progress{margin-bottom:12px}.difficulty-badge{font-size:9px;padding:3px 6px}.progress-pill{font-size:10px;padding:3px 8px}.activity-button{padding:10px}.sandbox-button{font-size:11px;padding:8px 12px}.playground-page{padding:10px 0}.playground-header{margin-bottom:20px}.playground-header-content{align-items:center;border-bottom:1px solid #334155;display:flex;gap:20px;justify-content:space-between;padding-bottom:20px}.playground-title-section{flex:1 1}.playground-header p{color:#94a3b8;font-size:13px;line-height:1.4;margin:0}.wallet-section{flex-shrink:0}.connect-wallet-btn{font-size:13px;padding:10px 16px}.wallet-connected-mini{align-items:center;display:flex;gap:6px}.connected-text{color:#10b981;font-size:10px}.disconnect-btn-mini{background:#0000;border:1px solid #475569;border-radius:3px;color:#64748b;cursor:pointer;font-size:12px;line-height:1;padding:2px 6px}.disconnect-btn-mini:hover{border-color:#f87171;color:#f87171}.playground-tabs{-webkit-overflow-scrolling:touch;margin-bottom:16px;max-width:100%;overflow-x:auto;padding:4px;width:100%}.playground-tabs::-webkit-scrollbar{display:none}.tab{font-size:11px;gap:4px;min-width:-webkit-fit-content;min-width:fit-content;padding:8px 10px;white-space:nowrap}.tab-icon,.tab-icon svg{height:12px;width:12px}.playground-content{gap:16px;padding:0 12px}.playground-main{order:0;width:100%}.playground-sidebar{flex-direction:column;gap:12px;order:1;width:100%}.badges-section .card,.leaderboard-section .card{background:#1e293b99;border:1px solid #4755694d;margin-bottom:0;padding:8px}.section-title{color:#cbd5e1;font-size:12px;font-weight:600;margin-bottom:8px}.activity-card{padding:15px}.activity-header{margin-bottom:8px}.activity-title{font-size:15px;margin:8px 0 6px}.activity-description{font-size:12px;line-height:1.3;margin-bottom:8px}.activity-progress{margin-bottom:10px}.progress-text{font-size:11px}.activity-button{font-size:12px;padding:8px 14px;width:100%}.badges-grid{gap:6px;grid-template-columns:repeat(3,1fr)}.badge{border-radius:6px;padding:6px 4px;text-align:center;transition:all .2s ease}.badge.earned{background:linear-gradient(135deg,#f59e0b,#d97706);border:1px solid #f59e0b;box-shadow:0 2px 4px #f59e0b33}.badge.locked{background:#4755694d;border:1px solid #64748b4d}.badge-icon{display:block;font-size:14px;margin-bottom:2px}.badge.earned .badge-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.badge-name{font-size:9px;font-weight:500;line-height:1.1}.badge.earned .badge-name{color:#fef3c7}.badge.locked .badge-name{color:#64748b}.leaderboard-item{background:#3341554d;border-radius:4px;font-size:11px;margin-bottom:3px;padding:6px 8px}.leaderboard-item .rank{color:#f97316;font-size:10px;font-weight:600;min-width:20px}.leaderboard-item .username{color:#e2e8f0;font-size:11px}.leaderboard-item .user-badges{color:#94a3b8;font-size:9px}.card-icon{height:56px;width:56px}.section-title{font-size:28px}}@media (max-width:480px){.hero h1{font-size:28px}.hero p{font-size:16px}.btn{padding:10px 20px;width:180px}nav{width:200px}nav a{font-size:15px;padding:12px 20px}.code-editor{padding:10px}.output-content{font-size:28px}.card-icon{height:48px;width:48px}.section-title{font-size:24px}}.bottom-leaderboard-section{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #64748b33;border-radius:16px;grid-column:1/-1;margin-top:40px;padding:30px}.bottom-leaderboard-section .section-title{color:#f8fafc;font-size:24px;font-weight:700;margin-bottom:20px;text-align:center}.leaderboard-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.bottom-leaderboard-section .leaderboard-item{background:#0f172acc;border:1px solid #64748b4d;border-radius:12px;padding:16px;transition:all .3s ease}.bottom-leaderboard-section .leaderboard-item:hover{border-color:#f97316;transform:translateY(-2px)}.achievements-section{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #64748b33;border-radius:16px;margin-bottom:20px;padding:20px}.achievements-header{margin-bottom:20px;text-align:center}.achievements-section .section-title{color:#f8fafc;font-size:20px;font-weight:700;margin-bottom:8px}.achievements-subtitle{color:#94a3b8;font-size:14px;margin-bottom:16px}.level-indicator{align-items:center;display:flex;gap:12px;justify-content:center}.level-text{color:#f8fafc;font-size:14px;font-weight:600}.level-progress{background:#64748b4d;border-radius:3px;height:6px;overflow:hidden;width:80px}.level-progress-fill{background:linear-gradient(90deg,#8b5cf6,#a855f7);border-radius:3px;height:100%;transition:width .3s ease}.achievement-tabs{display:flex;gap:8px;margin-bottom:20px}.achievement-tab{background:#0000;border:1px solid #64748b4d;border-radius:6px;color:#94a3b8;cursor:pointer;flex:1 1;font-size:12px;padding:8px 12px;transition:all .3s ease}.achievement-tab.active{background:#64748b33;border-color:#64748b;color:#f8fafc}.achievement-category{margin-bottom:16px}.category-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.category-icon{align-items:center;background:#f973161a;border-radius:8px;display:flex;height:32px;justify-content:center;width:32px}.category-title{color:#f8fafc;font-size:16px;font-weight:600;margin:0 0 4px}.category-subtitle{color:#94a3b8;font-size:12px;margin:0}.achievements-grid{display:flex;flex-direction:column;gap:12px}.achievement-card{background:#0f172acc;border:1px solid #64748b4d;border-radius:12px;padding:16px;transition:all .3s ease}.achievement-card.claimed{background:#10b9810d;border-color:#10b981}.achievement-card.unclaimed{opacity:.7}.achievement-badge{display:flex;justify-content:center;margin-bottom:12px}.achievement-info{text-align:center}.achievement-title{color:#f8fafc;font-size:14px;font-weight:600;margin:0 0 6px}.achievement-description{color:#94a3b8;font-size:12px;line-height:1.4;margin:0 0 12px}.achievement-status{align-items:center;display:flex;gap:6px;justify-content:center}.status-text.claimed{color:#10b981;font-size:12px;font-weight:500}.claim-button{background:#374151;border:1px solid #4b5563;border-radius:4px;color:#9ca3af;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .3s ease}.claim-button:hover{background:#4b5563;color:#d1d5db}.main-sidebar{background:#0f172a;border-right:1px solid #1e293b;display:flex;flex-direction:column;gap:24px;height:100vh;left:0;padding:20px;position:fixed;top:0;transition:width .3s ease;width:240px;z-index:1000}.main-sidebar.collapsed{padding:20px 12px;width:70px}.sidebar-header{align-items:center;border-bottom:1px solid #1e293b;display:flex;justify-content:space-between;padding-bottom:20px}.sidebar-header-actions{align-items:center;display:flex;gap:8px}.sidebar-toggle{background:#0000;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;flex-shrink:0;padding:2px;transition:all .3s ease}.sidebar-toggle:hover{background:#64748b1a;color:#e2e8f0}.main-sidebar.collapsed .sidebar-toggle svg{transform:rotate(180deg)}.sidebar-logo{gap:0;min-width:0}.logo-icon,.sidebar-logo{align-items:center;display:flex}.logo-icon{flex-shrink:0}.logo-image{height:48px;width:48px}.logo-text{color:#f8fafc;float:left;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:20px;font-weight:700;overflow:hidden;white-space:nowrap}.main-sidebar .sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:16px;padding:20px 0}.main-sidebar .sidebar-nav-item{align-items:center;background:#0000;border:1px solid #334155;border-radius:12px;color:#94a3b8;cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;font-weight:500;gap:16px;padding:18px 20px;position:relative;text-align:left;transition:all .3s ease}.main-sidebar.collapsed .sidebar-nav-item{justify-content:center;padding:18px}.main-sidebar .sidebar-nav-item:hover{background:#64748b1a;border-color:#64748b;color:#e2e8f0}.main-sidebar .sidebar-nav-item.active{background:#f973161a;border-color:#f97316;color:#f97316}.nav-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.nav-label{overflow:hidden;white-space:nowrap}.main-sidebar.collapsed .nav-label{display:none}.main-sidebar.collapsed .sidebar-nav-item{position:relative}.main-sidebar.collapsed .sidebar-nav-item:after{background:#1e293b;border:1px solid #334155;border-radius:6px;color:#e2e8f0;content:attr(title);font-size:12px;left:100%;margin-left:8px;opacity:0;padding:8px 12px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;visibility:hidden;white-space:nowrap;z-index:1001}.main-sidebar.collapsed .sidebar-nav-item:hover:after{opacity:1;visibility:visible}.main-content{margin-left:240px;min-height:100vh;transition:margin-left .3s ease}.main-content.collapsed{margin-left:70px}.mobile-header{background:#0f172a;border-bottom:1px solid #1e293b;display:none;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.mobile-header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.mobile-header-actions{align-items:center;display:flex;gap:12px}.mobile-logo{align-items:center;display:flex;gap:0}.mobile-logo .logo-image{border-radius:8px;height:48px;width:48px}.mobile-logo .logo-text{color:#e2e8f0;font-size:20px;font-weight:700}.mobile-menu-toggle{background:#0000;border:1px solid #334155;border-radius:8px;color:#94a3b8;cursor:pointer;padding:8px;transition:all .2s ease}.mobile-menu-toggle:hover{background:#64748b1a;border-color:#64748b;color:#e2e8f0}.mobile-sidebar-overlay{align-items:flex-start;animation:fadeIn .3s ease;background:#00000080;bottom:0;display:flex;justify-content:flex-start;left:0;position:fixed;right:0;top:0;z-index:2000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-sidebar{animation:slideIn .3s ease;background:#0f172a;border-right:1px solid #1e293b;display:flex;flex-direction:column;height:100vh;overflow-y:auto;width:280px}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.mobile-sidebar-header{align-items:center;border-bottom:1px solid #1e293b;display:flex;flex-shrink:0;justify-content:space-between;padding:20px}.mobile-sidebar-logo{align-items:center;display:flex;gap:12px}.mobile-sidebar-logo .logo-image{border-radius:8px;height:48px;width:48px}.mobile-sidebar-logo .logo-text{color:#e2e8f0;font-size:20px;font-weight:700}.mobile-sidebar-close{background:#0000;border:1px solid #334155;border-radius:8px;color:#94a3b8;cursor:pointer;padding:8px;transition:all .2s ease}.mobile-sidebar-close:hover{background:#64748b1a;border-color:#64748b;color:#e2e8f0}.mobile-wallet-section{border-bottom:1px solid #1e293b;padding:20px}.mobile-wallet-dropdown-container{position:relative}.mobile-wallet-account-button{align-items:center;background:#0000;border:1px solid #334155;border-radius:8px;color:#e2e8f0;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease;width:100%}.mobile-wallet-account-button:hover{background:#64748b1a;border-color:#64748b}.mobile-wallet-account-display{align-items:center;display:flex;gap:12px}.mobile-wallet-dropdown-menu{background:#1e293b;border:1px solid #334155;border-radius:8px;left:0;margin-top:8px;overflow:hidden;position:absolute;right:0;top:100%;z-index:10}.mobile-wallet-dropdown-item{align-items:center;background:#0000;border:none;color:#e2e8f0;cursor:pointer;display:flex;gap:12px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.mobile-wallet-dropdown-item:hover{background:#64748b1a}.mobile-wallet-dropdown-item.disconnect{color:#ef4444}.mobile-wallet-dropdown-item.disconnect:hover{background:#ef44441a}.mobile-connect-wallet-button{align-items:center;background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease;width:100%}.mobile-connect-wallet-button:hover:not(:disabled){background:linear-gradient(135deg,#ea580c,#dc2626);transform:translateY(-1px)}.mobile-connect-wallet-button:disabled{cursor:not-allowed;opacity:.6}.mobile-wallet-error,.mobile-wallet-status{align-items:center;border-radius:6px;display:flex;font-size:14px;gap:8px;margin-top:12px;padding:8px 12px}.mobile-wallet-error{background:#ef44441a;border:1px solid #ef444433;color:#fca5a5}.mobile-wallet-status{background:#f973161a;border:1px solid #f9731633;color:#fb923c}.mobile-sidebar-divider{background:linear-gradient(90deg,#0000,#1e293b,#0000);height:1px;margin:0 20px}.mobile-sidebar-nav{background:#ff00001a;display:flex;flex:1 1;flex-direction:column;gap:8px;min-height:200px;padding:20px}.mobile-sidebar-nav-item{align-items:center;background:#1e293b;border:2px solid #f97316;border-radius:8px;color:#e2e8f0;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:16px;margin-bottom:8px;padding:16px 20px;text-align:left;transition:all .2s ease}.mobile-sidebar-nav-item:hover{background:#64748b1a;border-color:#64748b;color:#e2e8f0}.mobile-sidebar-nav-item.active{background:#f973161a;border-color:#f97316;color:#f97316}.mobile-sidebar-nav-item .nav-icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.mobile-sidebar-nav-item .nav-label{font-weight:500}@media (max-width:768px){.mobile-header{display:block}.main-sidebar{display:none}.main-content{margin-left:0}}@media (min-width:769px){.mobile-header,.mobile-sidebar-overlay{display:none}}
/*# sourceMappingURL=main.08fa39f7.css.map*/