:root{color:#e5e7eb;font-synthesis:none;text-rendering:optimizelegibility;background:#030712;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#030712;min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{background:linear-gradient(#111827 0%,#030712 48%,#020617 100%);min-height:100vh}.topbar{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111827f5;border-bottom:1px solid #1f2937;justify-content:space-between;align-items:center;gap:24px;padding:14px 24px;display:flex;position:sticky;top:0;box-shadow:0 12px 30px #0000003d}.brand{align-items:center;gap:12px;display:flex}.brand-icon{color:#fff;background:#4f46e5;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.brand-title{color:#fff;font-weight:800}.brand-subtitle{color:#818cf8;margin-top:2px;font-size:12px}.main-nav{flex-wrap:wrap;gap:8px;display:flex}.nav-button{color:#9ca3af;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:9px 13px;display:inline-flex}.nav-button:hover{color:#fff;background:#1f2937}.nav-button.active{color:#c7d2fe;background:#312e81;border-color:#4338ca}.home-page,.module-page{width:min(1380px,100% - 32px);margin:0 auto;padding:44px 0 72px}.hero-card{background:radial-gradient(circle at 0 0,#4f46e54d,#111827eb 45%,#030712fa);border:1px solid #3730a3;border-radius:28px;padding:48px;box-shadow:0 30px 80px #00000047}.hero-eyebrow,.module-label{color:#a5b4fc;text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:800}.hero-card h1{color:#fff;max-width:950px;margin:14px 0 18px;font-size:clamp(34px,5vw,62px);line-height:1.06}.hero-card p{color:#cbd5e1;max-width:920px;margin:0;font-size:18px;line-height:1.75}.hero-actions,.module-controls,.animation-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hero-actions{margin-top:30px}.primary-button,.secondary-button,.danger-button,.success-button{color:#fff;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-weight:800;transition:all .2s;display:inline-flex}.primary-button{background:#4f46e5}.primary-button:hover{background:#6366f1}.secondary-button{color:#d1d5db;background:#1f2937;border-color:#374151}.secondary-button:hover{background:#374151}.danger-button{background:#dc2626}.danger-button:hover{background:#ef4444}.success-button{background:#16a34a}.success-button:hover{background:#22c55e}.compact{padding:9px 13px}.learning-path{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px;display:grid}.path-card{background:#111827d1;border:1px solid #1f2937;border-radius:22px;padding:28px}.path-number{color:#c7d2fe;background:#312e81;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.path-card h2{color:#fff;margin:18px 0 10px}.path-card p{color:#94a3b8;margin:0;line-height:1.65}.important-note{color:#fde68a;background:#78350f2e;border:1px solid #f59e0b59;border-radius:16px;margin-top:20px;padding:20px 22px;line-height:1.65}.module-heading{text-align:center}.module-heading h1{color:#fff;margin:12px 0 8px;font-size:clamp(28px,4vw,44px)}.module-heading p{color:#818cf8;margin:0;font-size:18px;font-weight:700}.progress-row{justify-content:center;align-items:center;gap:8px;margin:24px 0 28px;display:flex}.progress-dot{background:#374151;border:0;border-radius:999px;width:26px;height:8px;padding:0;transition:all .25s}.progress-dot.current{background:#818cf8;width:52px}.progress-dot.complete{background:#22c55e}.module-canvas{background:#0307128c;border:1px solid #1f2937;border-radius:26px;min-height:530px;padding:30px;box-shadow:inset 0 1px #ffffff05,0 24px 60px #0003}.detailed-canvas{min-height:590px}.scene-width{margin:0 auto}.scene-width.medium{max-width:880px}.scene-width.large{max-width:1180px}.ledger-frame{background:#111827;border:2px solid #3b82f694;border-radius:24px;overflow:hidden;box-shadow:0 0 44px #3b82f61a}.ledger-header{color:#60a5fa;background:#1e3a8a5c;border-bottom:1px solid #3b82f64d;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex}.ledger-title-group{align-items:center;gap:12px;display:flex}.ledger-header h3{color:#fff;margin:0}.ledger-header p{color:#93c5fd;margin:3px 0 0;font-size:12px}.ledger-body{padding:22px}.transaction-list{gap:12px;display:grid}.transaction-row{color:#d1d5db;background:#030712;border:1px solid #374151;border-radius:10px;align-items:center;gap:10px;padding:12px 14px;display:flex}.transaction-row.highlighted{color:#bbf7d0;background:#14532d57;border-color:#22c55e8c;box-shadow:0 0 24px #22c55e1f}.transaction-row.correction{color:#bbf7d0;background:#14532d42;border-color:#22c55e8c}.transaction-row.muted{color:#4b5563}.transaction-number{color:#6b7280;width:34px;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.student-explanation{text-align:center;border:1px solid;border-radius:14px;gap:6px;margin-top:18px;padding:18px 20px;display:grid}.student-explanation span{color:#cbd5e1;line-height:1.55}.student-explanation.blue{color:#bfdbfe;background:#1e3a8a2e;border-color:#3b82f659}.student-explanation.green{color:#bbf7d0;background:#14532d2e;border-color:#22c55e59}.student-explanation.yellow{color:#fde68a;background:#78350f2e;border-color:#f59e0b59}.recording-layout{grid-template-columns:.72fr auto 1.28fr;align-items:center;gap:24px;max-width:1180px;margin:0 auto;display:grid}.new-transaction-card{color:#86efac;background:#14532d3d;border:2px solid #22c55e80;border-radius:20px;padding:26px;box-shadow:0 0 30px #22c55e1a}.new-transaction-card h3{color:#fff;margin:14px 0 8px}.new-transaction-card p{color:#bbf7d0;background:#030712;border:1px solid #22c55e47;border-radius:10px;margin:0;padding:14px;font-family:ui-monospace,monospace}.record-arrow,.process-arrow,.chain-arrow{color:#4b5563;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}.record-arrow{color:#4ade80}.record-arrow span,.process-arrow small,.chain-arrow small{color:currentColor;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.correction-flow{grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin-top:20px;display:grid}.flow-card{text-align:center;border:1px solid;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:144px;padding:22px;display:flex}.flow-card span{color:#cbd5e1;max-width:330px;line-height:1.5}.wrong-action{color:#fca5a5;background:#7f1d1d2e;border-color:#ef444459}.correct-action{color:#86efac;background:#14532d2e;border-color:#22c55e59}.inside-ledger-note{color:#9ca3af;text-align:center;background:#030712;border:1px solid #374151;border-radius:10px;margin:0 0 18px;padding:14px}.blocks-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.block-container{background:#581c8729;border:2px solid #a855f780;border-radius:18px;gap:10px;padding:16px;display:grid}.block-container-title{color:#d8b4fe;align-items:center;gap:8px;font-weight:800;display:flex}.future-block{color:#6b7280;text-align:center;border:2px dashed #4b5563;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:260px;padding:20px;display:flex}.future-block span{max-width:240px;font-size:13px;line-height:1.5}.concept-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.concept-card{color:#818cf8;text-align:center;background:#111827;border:1px solid #374151;border-radius:14px;justify-items:center;gap:7px;padding:18px;display:grid}.concept-card strong{color:#fff}.concept-card span{color:#94a3b8;font-size:13px}.distributed-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.node-card{background:#111827;border:2px solid #6366f17a;border-radius:18px;padding:20px;box-shadow:0 0 28px #6366f114}.node-heading{color:#818cf8;align-items:center;gap:10px;display:flex}.node-heading div{gap:3px;display:grid}.node-heading strong{color:#fff}.node-heading span{color:#a5b4fc;font-size:12px}.node-ledger{background:#1e3a8a29;border:1px solid #3b82f659;border-radius:12px;gap:9px;margin-top:16px;padding:12px;display:grid}.node-ledger>div:first-child{color:#bfdbfe;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.mini-block{color:#d8b4fe;background:#581c8724;border:1px solid #a855f747;border-radius:8px;align-items:center;gap:7px;padding:9px;display:flex}.mini-block small{color:#6b7280;margin-left:auto}.sync-status{color:#86efac;justify-content:center;gap:7px;margin-top:14px;font-size:12px;font-weight:700;display:flex}.network-pill{color:#c7d2fe;background:#312e814d;border:1px solid #6366f166;border-radius:999px;align-items:center;gap:10px;width:fit-content;margin:22px auto 0;padding:12px 18px;display:flex}.chain-scroll{padding-bottom:8px;overflow-x:auto}.chain-row{justify-content:center;align-items:center;gap:14px;min-width:880px;display:flex}.simple-block,.attack-block{background:#581c8726;border:2px solid #a855f78c;border-radius:18px;flex:0 0 242px;width:242px;padding:16px;transition:all .3s}.simple-block.tampered,.attack-block.tampered{background:#7f1d1d3d;border-color:#ef4444;box-shadow:0 0 28px #ef44442e}.simple-block.invalid,.attack-block.invalid{opacity:.62;border-color:#ef444499}.block-heading,.attack-block-heading{border-bottom:1px solid #374151;justify-content:space-between;align-items:center;gap:8px;padding-bottom:12px;display:flex}.block-heading span{color:#fff;align-items:center;gap:7px;font-weight:800;display:flex}.block-heading em{color:#fca5a5;text-transform:uppercase;background:#7f1d1d73;border:1px solid #ef444480;border-radius:999px;padding:4px 8px;font-size:10px;font-style:normal}.block-transactions{gap:7px;margin:12px 0;display:grid}.block-entry,.attack-field{color:#d1d5db;background:#030712;border:1px solid #a855f733;border-radius:8px;padding:9px;font-size:11px}.block-entry.attacked,.attack-field.attacked{color:#fecaca;background:#7f1d1d3d;border-color:#ef444480}.hash-field{background:#030712;border:1px solid #1f2937;border-radius:8px;margin-top:8px;padding:9px}.hash-field small,.attack-field small{color:#6b7280;text-transform:uppercase;letter-spacing:.06em;font-size:9px;display:block}.hash-field code,.attack-field code{color:#86efac;word-break:break-word;margin-top:5px;font-size:10px;display:block}.chain-arrow{color:#22c55e;flex:0 0 72px;width:72px}.chain-arrow.broken{color:#ef4444}.two-column-notes{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.note-card{border:1px solid;border-radius:14px;align-items:flex-start;gap:12px;padding:18px;display:flex}.note-card div{gap:5px;display:grid}.note-card span{color:#cbd5e1;line-height:1.5}.note-card.green{color:#86efac;background:#14532d29;border-color:#22c55e59}.note-card.purple{color:#d8b4fe;background:#581c8729;border-color:#a855f759}.attack-banner{color:#fca5a5;background:#7f1d1d33;border:1px solid #ef444461;border-radius:14px;align-items:flex-start;gap:12px;margin-bottom:18px;padding:16px 18px;display:flex}.attack-banner div{gap:4px;display:grid}.attack-banner span{color:#fecaca;line-height:1.45}.attack-control{border:1px solid;border-radius:16px;justify-content:space-between;align-items:center;gap:18px;margin-top:18px;padding:20px;display:flex}.attack-control>div{align-items:flex-start;gap:12px;display:flex}.attack-control>div>div{gap:5px;display:grid}.attack-control span{color:#cbd5e1;line-height:1.5}.attack-control.safe{color:#86efac;background:#14532d2b;border-color:#22c55e59}.attack-control.danger{color:#fca5a5;background:#7f1d1d3b;border-color:#ef444473}.student-guidance{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.guidance-card{background:#111827;border:1px solid;border-radius:14px;padding:18px}.guidance-card span{text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:900}.guidance-card p{color:#d1d5db;margin:8px 0 0;line-height:1.6}.key-idea{border-color:#3b82f659}.key-idea span{color:#60a5fa}.self-check{border-color:#22c55e59}.self-check span{color:#4ade80}.module-controls{justify-content:space-between;margin-top:18px}.animation-controls{justify-content:center;margin-bottom:18px}.phase-label{color:#c7d2fe;background:#312e81;border-radius:999px;padding:8px 11px;font-size:13px;font-weight:800}.detailed-intro{text-align:center;max-width:1040px;margin:0 auto}.detailed-icons{color:#818cf8;justify-content:center;align-items:center;gap:20px;display:flex}.detailed-intro h2{color:#fff;margin:24px 0 10px}.detailed-intro>p{color:#94a3b8;max-width:780px;margin:0 auto;line-height:1.65}.detailed-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:26px;display:grid}.detailed-concept-card{color:#818cf8;background:#111827;border:1px solid #374151;border-radius:14px;justify-items:center;gap:8px;padding:18px;display:grid}.detailed-concept-card strong{color:#fff}.detailed-concept-card span{color:#94a3b8;font-size:13px;line-height:1.45}.central-ledger-layout{grid-template-columns:1fr auto 1fr auto 1.15fr;align-items:center;gap:16px;max-width:1180px;margin:20px auto;display:grid}.participant-card,.authority-card{text-align:center;background:#111827;border:2px solid #374151;border-radius:18px;padding:22px;transition:all .3s}.participant-card.active{background:#1e3a8a3d;border-color:#3b82f6}.participant-card h3,.authority-card h3{color:#fff;margin:12px 0 5px}.participant-card p,.authority-card p{color:#6b7280;margin:0;font-size:12px}.transaction-proposal{color:#bfdbfe;opacity:0;background:#1e3a8a4d;border:1px solid #3b82f666;border-radius:10px;align-items:center;gap:7px;margin-top:16px;padding:11px;transition:all .4s;display:flex;transform:translateY(8px)}.transaction-proposal.visible{opacity:1;transform:translateY(0)}.authority-card{color:#818cf8;border-color:#6366f18c}.authority-card.validating{color:#facc15;background:#713f1238;border-color:#eab308;box-shadow:0 0 28px #eab30826}.authority-card.committed{color:#4ade80;background:#14532d33;border-color:#22c55e}.status-badge{color:#d1d5db;text-transform:uppercase;background:#1f2937;border:1px solid #374151;border-radius:999px;margin-top:14px;padding:5px 9px;font-size:10px;font-weight:800;display:inline-block}.status-badge.yellow{color:#fde68a;background:#713f1266;border-color:#eab30873}.status-badge.green{color:#bbf7d0;background:#14532d66;border-color:#22c55e73}.status-badge.blue{color:#bfdbfe;background:#1e3a8a66;border-color:#3b82f673}.status-badge.red{color:#fecaca;background:#7f1d1d6b;border-color:#ef444473}.process-arrow{color:#374151;width:78px}.process-arrow.active{color:#818cf8}.master-ledger{background:#111827;border:1px solid #374151;border-radius:18px;transition:all .3s;overflow:hidden}.master-ledger.committed{border-color:#22c55e8c;box-shadow:0 0 25px #22c55e1a}.master-ledger-header{color:#9ca3af;background:#1f2937;border-bottom:1px solid #374151;justify-content:space-between;align-items:center;padding:16px;display:flex}.master-ledger-header div{gap:3px;display:grid}.master-ledger-header strong{color:#fff}.master-ledger-header span{color:#6b7280;font-size:11px}.master-ledger-body{gap:10px;padding:16px;display:grid}.detailed-ledger-row{background:#030712;border:1px solid #1f2937;border-radius:9px;gap:9px;padding:11px;display:flex}.detailed-ledger-row span{color:#4b5563;font:10px ui-monospace,monospace}.detailed-ledger-row strong{color:#9ca3af;font-size:12px}.detailed-ledger-row.highlighted{background:#14532d42;border-color:#22c55e73}.detailed-ledger-row.highlighted strong{color:#bbf7d0}.distributed-detailed{max-width:1100px;margin:0 auto}.central-proposal{color:#6b7280;background:#111827;border:2px solid #374151;border-radius:18px;justify-items:center;gap:8px;width:min(340px,100%);margin:0 auto 24px;padding:18px;transition:all .3s;display:grid}.central-proposal.active{color:#a5b4fc;background:#312e8147;border-color:#818cf8;box-shadow:0 0 34px #6366f124}.central-proposal code{color:#fff}.node-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.network-node{color:#818cf8;text-align:center;background:#111827;border:2px solid #6366f180;border-radius:16px;justify-items:center;gap:7px;padding:16px;transition:all .3s;display:grid}.network-node strong{color:#fff}.network-node>span{color:#6b7280;font-size:11px}.network-node.validating{color:#facc15;background:#713f1233;border-color:#eab308}.network-node.committed{color:#4ade80;background:#14532d2e;border-color:#22c55e}.node-copy{color:#9ca3af;text-align:left;background:#030712;border:1px solid #374151;border-radius:9px;gap:5px;width:100%;padding:10px;display:grid}.new-copy-row{color:#86efac}.block-construction-layout{grid-template-columns:.9fr auto 1.4fr;align-items:center;gap:18px;max-width:1180px;margin:0 auto;display:grid}.mempool-card{background:#111827;border:1px solid #374151;border-radius:18px;padding:18px}.mempool-heading{color:#60a5fa;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.mempool-heading div{gap:3px;display:grid}.mempool-heading strong{color:#fff}.mempool-heading span{color:#6b7280;font-size:11px}.mempool-row{color:#d1d5db;background:#030712;border:1px solid #374151;border-radius:9px;justify-content:space-between;align-items:center;gap:8px;margin-top:9px;padding:11px;font-family:ui-monospace,monospace;font-size:11px;transition:all .3s;display:flex}.mempool-row.selected{color:#bfdbfe;opacity:.55;background:#1e3a8a38;border-color:#3b82f673;transform:translate(6px)}.candidate-block{background:#111827;border:2px dashed #4b5563;border-radius:18px;transition:all .3s;overflow:hidden}.candidate-block.ready{border-style:solid;border-color:#a855f7}.candidate-block.accepted{border-style:solid;border-color:#22c55e;box-shadow:0 0 34px #22c55e21}.candidate-heading{background:#1f2937;border-bottom:1px solid #374151;justify-content:space-between;align-items:center;gap:10px;padding:16px;display:flex}.candidate-heading>div{color:#c084fc;align-items:center;gap:9px;display:flex}.candidate-heading span{gap:3px;display:grid}.candidate-heading strong{color:#fff}.candidate-heading small{color:#6b7280}.candidate-body{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;display:grid}.block-section{opacity:.34;background:#030712;border:1px solid #374151;border-radius:12px;padding:13px;transition:all .3s}.block-section.active{opacity:1;background:#1e3a8a24;border-color:#3b82f666}.block-section.purple.active{background:#581c8724;border-color:#a855f766}.section-title{color:#fff;align-items:center;gap:7px;margin-bottom:10px;font-size:13px;font-weight:800;display:flex}.body-transaction,.header-field{color:#bfdbfe;background:#030712;border:1px solid #3b82f633;border-radius:7px;margin-top:7px;padding:8px;font-family:ui-monospace,monospace;font-size:10px}.header-field{opacity:0;transition:all .3s;transform:translateY(4px)}.header-field.visible{opacity:1;transform:translateY(0)}.header-field small{color:#6b7280;text-transform:uppercase;font-family:Inter,sans-serif;display:block}.header-field code{color:#d8b4fe;margin-top:4px;display:block}.block-hash{background:#030712;border-top:1px solid #374151;align-items:center;gap:8px;padding:14px 16px;display:flex}.block-hash span{color:#6b7280;text-transform:uppercase;font-size:11px;font-weight:800}.block-hash code{color:#d8b4fe;margin-left:auto}.detailed-attack{max-width:1180px;margin:0 auto}.attack-block-heading{border-bottom:1px solid #374151;padding-bottom:10px}.attack-field{margin-top:8px}.attack-field.mismatch{border-color:#ef4444}.attack-field.mismatch code{color:#fca5a5;text-decoration:line-through}.attack-field em{color:#f87171;text-transform:uppercase;margin-top:6px;font-size:9px;font-style:normal;display:block}@keyframes sceneEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.scene-enter,.page-enter{animation:.42s ease-out both sceneEnter}@media (width<=1100px){.topbar{flex-direction:column;align-items:flex-start}.central-ledger-layout{grid-template-columns:1fr}.process-arrow{width:auto;margin:4px 0;transform:rotate(90deg)}.block-construction-layout,.recording-layout{grid-template-columns:1fr}.record-arrow{transform:rotate(90deg)}.node-grid,.detailed-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.home-page,.module-page{width:min(100% - 20px,1380px);padding-top:24px}.hero-card{padding:28px}.learning-path,.student-guidance,.two-column-notes,.concept-card-grid,.distributed-grid,.blocks-grid,.candidate-body,.correction-flow{grid-template-columns:1fr}.correction-flow>svg{margin:0 auto;transform:rotate(90deg)}.module-canvas{padding:18px}.module-controls,.attack-control{flex-direction:column;align-items:stretch}.module-controls button,.attack-control button,.main-nav{width:100%}.nav-button{flex:1}.node-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.learning-path.three-part{grid-template-columns:repeat(3,minmax(0,1fr))}.pow-canvas{min-height:620px}.pow-module .module-heading p{color:#f59e0b}.pow-module .module-label{color:#fbbf24}.pow-module .progress-dot.current{background:#f59e0b}.pow-intro{text-align:center;max-width:1100px;margin:0 auto}.pow-intro-icons{color:#f59e0b;justify-content:center;align-items:center;gap:18px;display:flex}.pow-intro h2{color:#fff;margin:25px 0 10px;font-size:28px}.pow-intro>p{color:#94a3b8;max-width:820px;margin:0 auto;line-height:1.7}.pow-overview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:28px;display:grid}.pow-overview-card{color:#f59e0b;background:#111827;border:1px solid #374151;border-radius:16px;justify-items:center;gap:9px;padding:20px;display:grid}.pow-overview-card strong{color:#fff}.pow-overview-card span{color:#94a3b8;font-size:13px;line-height:1.5}.pow-caution{color:#fbbf24;text-align:left;background:#78350f2e;border:1px solid #f59e0b57;border-radius:14px;align-items:flex-start;gap:12px;max-width:900px;margin:24px auto 0;padding:16px 18px;display:flex}.pow-caution p{color:#fde68a;margin:0;line-height:1.6}.compact-note{max-width:none}.pow-panel-heading{color:#f59e0b;align-items:center;gap:11px;display:flex}.pow-panel-heading div{gap:3px;display:grid}.pow-panel-heading strong{color:#fff}.pow-panel-heading span{color:#6b7280;font-size:11px}.hash-playground{grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;max-width:1180px;margin:0 auto;display:grid}.hash-input-panel,.hash-output-panel{background:#111827;border:1px solid #374151;border-radius:18px;padding:22px}.hash-input-panel label,.block-data-label{color:#9ca3af;gap:7px;margin-top:15px;font-size:12px;font-weight:800;display:grid}.hash-input-panel input,.block-data-label textarea{color:#fff;background:#030712;border:1px solid #374151;border-radius:9px;outline:none;width:100%;padding:11px 12px}.hash-input-panel input:focus,.block-data-label textarea:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1f}.hash-action-row{flex-wrap:wrap;gap:9px;margin-top:18px;display:flex}.hash-transform{color:#f59e0b;justify-items:center;gap:6px;display:grid}.hash-transform span{letter-spacing:.1em;font-size:11px;font-weight:900}.hash-output-panel{text-align:center;color:#f59e0b}.hash-output-panel h3{color:#fff}.hash-output-panel>code{color:#fde68a;overflow-wrap:anywhere;background:#030712;border:1px solid #f59e0b5c;border-radius:11px;margin-top:14px;padding:14px;font-size:13px;line-height:1.55;display:block}.hash-properties{text-align:left;gap:9px;margin-top:16px;display:grid}.hash-properties div{background:#030712;border:1px solid #374151;border-radius:9px;padding:11px}.hash-properties strong{color:#fff;font-size:12px;display:block}.hash-properties span{color:#94a3b8;font-size:11px}.mining-challenge{grid-template-columns:.78fr 1.22fr;gap:20px;max-width:1180px;margin:0 auto;display:grid}.difficulty-control-card,.miner-machine,.economics-controls-card,.network-power-control{background:#111827;border:1px solid #374151;border-radius:18px;padding:21px}.range-label{color:#cbd5e1;gap:10px;margin-top:20px;font-size:13px;display:grid}.range-label input,.economics-slider input{accent-color:#f59e0b;width:100%}.target-display{background:#78350f26;border:1px solid #f59e0b57;border-radius:12px;margin-top:18px;padding:15px}.target-display small{color:#9ca3af;display:block}.target-display code{color:#fbbf24;letter-spacing:.12em;margin-top:8px;font-size:27px;font-weight:900;display:block}.target-display code span{color:#6b7280}.expected-work{color:#60a5fa;background:#030712;border:1px solid #374151;border-radius:11px;align-items:center;gap:10px;margin-top:15px;padding:13px;display:flex}.expected-work div{gap:2px;display:grid}.expected-work strong{color:#fff;font-size:12px}.expected-work span{color:#94a3b8;font-size:11px}.mini-disclaimer{color:#6b7280;margin:14px 0 0;font-size:11px;line-height:1.55}.miner-machine{gap:15px;display:grid}.mining-cpu{color:#6b7280;text-align:center;background:#030712;border:2px solid #374151;border-radius:15px;justify-items:center;gap:8px;padding:18px;transition:all .25s;display:grid}.mining-cpu strong{color:#fff}.mining-cpu span{color:#94a3b8;font-size:12px}.mining-cpu.active{color:#f59e0b;border-color:#f59e0b;animation:1s ease-in-out infinite miningPulse;box-shadow:0 0 28px #f59e0b24}.mining-cpu.success{color:#4ade80;background:#14532d26;border-color:#22c55e}.mining-metrics,.economics-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.metric-box{background:#030712;border:1px solid #374151;border-radius:10px;gap:4px;padding:12px;display:grid}.metric-box span{color:#6b7280;text-transform:uppercase;font-size:10px;font-weight:800}.metric-box strong{color:#fff;overflow-wrap:anywhere;font-size:15px}.current-hash{background:#030712;border:1px solid #374151;border-radius:10px;padding:13px}.current-hash small{color:#6b7280;display:block}.current-hash code{color:#d1d5db;overflow-wrap:anywhere;margin-top:7px;font-size:11px;display:block}.current-hash mark{color:#fca5a5;background:0 0}.current-hash.valid{background:#14532d2b;border-color:#22c55e}.current-hash.valid mark{color:#4ade80}.mining-buttons{flex-wrap:wrap;gap:10px;display:flex}.mining-challenge>.pow-caution{grid-column:1/-1}.pow-status{color:#d1d5db;text-transform:uppercase;background:#1f2937;border:1px solid #374151;border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-size:10px;font-weight:900;display:inline-flex}.pow-status.blue{color:#bfdbfe;background:#1e3a8a66;border-color:#3b82f673}.pow-status.green{color:#bbf7d0;background:#14532d66;border-color:#22c55e73}.pow-status.yellow{color:#fde68a;background:#78350f66;border-color:#f59e0b73}.race-scene{max-width:1150px;margin:0 auto}.race-explanation,.quiz-summary{color:#f59e0b;background:#111827;border:1px solid #374151;border-radius:14px;align-items:center;gap:12px;padding:16px;display:flex}.race-explanation div,.quiz-summary div{gap:3px;display:grid}.race-explanation strong,.quiz-summary strong{color:#fff}.race-explanation span,.quiz-summary span{color:#94a3b8;font-size:12px;line-height:1.5}.miner-race-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}.race-miner{color:#818cf8;text-align:center;background:#111827;border:2px solid #374151;border-radius:18px;justify-items:center;gap:9px;padding:22px;transition:all .25s;display:grid;position:relative}.race-miner h3{color:#fff;margin:0}.race-miner.racing{border-color:#f59e0b8c;animation:1.1s ease-in-out infinite racePulse}.race-miner.winner{color:#facc15;background:#713f1238;border-color:#eab308;box-shadow:0 0 35px #eab3082e}.winner-trophy{color:#facc15;position:absolute;top:-15px;right:-10px}.hash-rate-label{gap:2px;display:grid}.hash-rate-label strong{color:#fbbf24;font-size:23px}.hash-rate-label span,.race-miner small{color:#6b7280;font-size:10px}.share-bar{background:#1f2937;border-radius:999px;width:100%;height:8px;overflow:hidden}.share-bar span{border-radius:inherit;background:#f59e0b;height:100%;display:block}.race-miner .metric-box{width:100%}.race-controls,.consensus-controls,.confirmation-controls,.quiz-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:20px;display:flex}.consensus-scene{max-width:1250px;margin:0 auto}.consensus-flow{justify-content:center;align-items:center;gap:8px;margin-top:25px;padding:12px 2px 20px;display:flex;overflow-x:auto}.consensus-stage{color:#4b5563;text-align:center;background:#111827;border:2px solid #374151;border-radius:16px;flex:none;align-content:center;justify-items:center;gap:9px;width:150px;min-height:145px;padding:18px;transition:all .3s;display:grid;position:relative}.consensus-stage strong{color:#6b7280;font-size:12px}.consensus-stage.active{color:#f59e0b;background:#78350f2e;border-color:#f59e0b}.consensus-stage.active strong{color:#fff}.consensus-stage.completed{color:#4ade80;background:#14532d29;border-color:#22c55e}.consensus-stage.completed strong{color:#bbf7d0}.stage-number{color:#9ca3af;background:#1f2937;border-radius:50%;place-items:center;width:22px;height:22px;font-size:10px;font-weight:900;display:grid;position:absolute;top:8px;left:9px}.stage-check{position:absolute;top:9px;right:9px}.flow-arrow{color:#374151;flex:none;transition:all .3s}.flow-arrow.active{color:#4ade80}.consensus-rule-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px;display:grid}.consensus-rule{color:#f59e0b;background:#111827;border:1px solid #374151;border-radius:13px;align-items:flex-start;gap:11px;padding:16px;display:flex}.consensus-rule div{gap:4px;display:grid}.consensus-rule strong{color:#fff}.consensus-rule span{color:#94a3b8;font-size:12px;line-height:1.5}.economics-scene{grid-template-columns:.82fr 1.18fr;gap:20px;max-width:1220px;margin:0 auto;display:grid}.economics-slider{color:#cbd5e1;grid-template-columns:1fr auto;gap:8px 12px;margin-top:15px;font-size:12px;display:grid}.economics-slider strong{color:#fbbf24}.economics-slider input{grid-column:1/-1}.pool-toggle{background:#030712;border:1px solid #374151;border-radius:11px;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:19px;padding:5px;display:grid}.toggle-option{color:#9ca3af;background:0 0;border:0;border-radius:8px;padding:9px}.toggle-option.active{color:#fde68a;background:#78350f}.economics-results{gap:15px;display:grid}.income-flow{background:#111827;border:1px solid #374151;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:18px;display:flex}.income-source{color:#f59e0b;text-align:center;flex:1;justify-items:center;gap:5px;min-width:0;display:grid}.income-source strong{color:#fff}.income-source span{color:#94a3b8;font-size:10px;line-height:1.4}.plus-sign{color:#f59e0b;font-size:25px;font-weight:900}.profit-message,.pool-explanation{border:1px solid;border-radius:14px;align-items:flex-start;gap:12px;padding:16px;display:flex}.profit-message div,.pool-explanation div{gap:4px;display:grid}.profit-message strong,.pool-explanation strong{color:#fff}.profit-message span,.pool-explanation span{color:#cbd5e1;font-size:12px;line-height:1.5}.profit-message.positive{color:#4ade80;background:#14532d2e;border-color:#22c55e66}.profit-message.negative{color:#f87171;background:#7f1d1d2e;border-color:#ef444466}.pool-explanation{color:#60a5fa;background:#1e3a8a2e;border-color:#3b82f666}.difficulty-scene{grid-template-columns:.75fr 1.25fr;gap:20px;max-width:1150px;margin:0 auto;display:grid}.network-machines{color:#f59e0b;background:#030712;border:1px solid #374151;border-radius:12px;flex-wrap:wrap;align-content:flex-start;gap:8px;min-height:108px;margin:18px 0;padding:14px;display:flex}.difficulty-balance{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;display:grid}.balance-card{color:#f59e0b;text-align:center;background:#111827;border:2px solid #374151;border-radius:18px;align-content:center;justify-items:center;gap:10px;min-height:245px;padding:20px;display:grid}.balance-card small{color:#9ca3af;line-height:1.4}.balance-card strong{color:#fff;font-size:31px}.balance-card span{color:#94a3b8;font-size:12px;line-height:1.5}.balance-arrow{color:#f59e0b}.difficulty-rule{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.rule-direction{color:#6b7280;background:#111827;border:1px solid #374151;border-radius:12px;align-items:center;gap:9px;padding:14px;display:flex}.rule-direction strong{color:#d1d5db}.rule-direction span{color:#9ca3af;margin-left:auto;font-size:12px}.rule-direction.reverse svg{transform:rotate(180deg)}.rule-direction.active{color:#f59e0b;background:#78350f2e;border-color:#f59e0b80}.difficulty-scene>.mini-disclaimer{grid-column:1/-1}.confirmations-scene{max-width:1250px;margin:0 auto}.chain-comparison{gap:20px;margin-top:24px;display:grid}.chain-row{grid-template-columns:235px 1fr;align-items:center;gap:15px;display:grid}.chain-label{border:1px solid;border-radius:13px;align-items:center;gap:11px;padding:15px;display:flex}.chain-label div{gap:3px;display:grid}.chain-label strong{color:#fff;font-size:12px}.chain-label span{color:#94a3b8;font-size:10px}.chain-label.honest{color:#4ade80;background:#14532d2b;border-color:#22c55e66}.chain-label.attacker{color:#f87171;background:#7f1d1d2b;border-color:#ef444466}.work-chain{align-items:stretch;gap:8px;padding:8px 3px;display:flex;overflow-x:auto}.work-block{color:#4ade80;background:#14532d26;border:2px solid #22c55e;border-radius:12px;justify-items:center;gap:5px;min-width:105px;padding:13px;display:grid}.work-block strong{color:#fff;font-size:11px}.work-block span{color:#86efac;font-size:9px}.work-block.highlighted{color:#f59e0b;background:#78350f33;border-color:#f59e0b}.attacker-chain .work-block{color:#f87171;background:#7f1d1d26;border-color:#ef4444}.work-gap{color:#f87171;text-align:center;border:2px dashed #ef4444;border-radius:12px;justify-items:center;gap:4px;min-width:190px;padding:11px;display:grid}.work-gap strong{color:#fff;font-size:19px}.work-gap span{color:#fca5a5;font-size:9px;line-height:1.4}.quiz-scene{max-width:1000px;margin:0 auto}.quiz-list{gap:16px;margin-top:18px;display:grid}.quiz-question{background:#111827;border:1px solid #374151;border-radius:15px;margin:0;padding:18px}.quiz-question legend{color:#fff;padding:0 8px;font-weight:800;line-height:1.5}.quiz-question.correct{border-color:#22c55e8c}.quiz-question.incorrect{border-color:#ef44448c}.quiz-options{gap:8px;margin-top:10px;display:grid}.quiz-option{color:#cbd5e1;cursor:pointer;background:#030712;border:1px solid #374151;border-radius:9px;align-items:center;gap:10px;padding:11px;display:flex}.quiz-option:hover{border-color:#6b7280}.quiz-option.selected{background:#78350f29;border-color:#f59e0b}.quiz-option input{accent-color:#f59e0b}.quiz-option svg{color:#4ade80;margin-left:auto}.answer-explanation{color:#cbd5e1;background:#1f2937;border-radius:9px;margin-top:12px;padding:12px;font-size:12px;line-height:1.55}.answer-explanation strong{color:#fff}.quiz-score{color:#f59e0b;background:#78350f2e;border:1px solid #f59e0b;border-radius:11px;align-items:center;gap:9px;padding:10px 14px;display:flex}.quiz-score strong{color:#fff}.quiz-score span{color:#fde68a;font-size:11px}.quiz-score.strong{color:#4ade80;background:#14532d2e;border-color:#22c55e}@keyframes miningPulse{0%,to{transform:scale(1)}50%{transform:scale(1.015)}}@keyframes racePulse{0%,to{box-shadow:0 0 #f59e0b00}50%{box-shadow:0 0 25px #f59e0b1f}}@media (width<=1100px){.learning-path.three-part{grid-template-columns:1fr}.pow-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hash-playground,.mining-challenge,.economics-scene,.difficulty-scene{grid-template-columns:1fr}.hash-transform{transform:rotate(90deg)}.mining-challenge>.pow-caution,.difficulty-rule,.difficulty-scene>.mini-disclaimer{grid-column:auto}.difficulty-balance{grid-template-columns:1fr}.balance-arrow{justify-self:center;transform:rotate(90deg)}.chain-row,.consensus-rule-grid{grid-template-columns:1fr}}@media (width<=800px){.pow-intro-icons{gap:8px}.pow-intro-icons svg{width:34px;height:34px}.pow-overview-grid,.miner-race-grid,.mining-metrics,.economics-metrics,.difficulty-rule{grid-template-columns:1fr}.income-flow{flex-direction:column}.income-flow>svg{transform:rotate(90deg)}.consensus-flow{justify-content:flex-start}.consensus-stage{width:132px}.race-controls,.consensus-controls,.confirmation-controls,.quiz-actions{flex-direction:column;align-items:stretch}.race-controls button,.consensus-controls button,.confirmation-controls button,.quiz-actions button{width:100%}.hash-action-row,.mining-buttons{flex-direction:column}.hash-action-row button,.mining-buttons button{width:100%}}.self-check-answer{border-top:1px solid #374151;margin-top:12px;padding-top:11px}.self-check-answer summary{color:#86efac;cursor:pointer;font-size:12px;font-weight:800}.self-check-answer p{color:#cbd5e1;margin:9px 0 0;font-size:13px}