.arch-page{--soul-cyan:#3ba5a5;--soul-glow:#3ba5a526;--soul-soft:#3ba5a514;--amber-glow:#d4920a26;--amber-soft:#d4920a14;--green:#2d8a4e;--green-glow:#2d8a4e1f;--blue:#4a7fb5;--blue-glow:#4a7fb51f;--red:#b54a4a;--red-glow:#b54a4a1f;--purple:#8b6db5;--purple-glow:#8b6db51f;--bone-dim:#a89f90}.dark .arch-page:before{content:"";background:radial-gradient(ellipse at 20% 0%,var(--amber-glow)0%,transparent 60%),radial-gradient(ellipse at 80% 100%,var(--soul-glow)0%,transparent 50%);pointer-events:none;z-index:0;position:fixed;inset:0}.arch-page>*{z-index:1;position:relative}.arch-section-label{font-family:var(--font-mono-code),monospace;letter-spacing:.15em;text-transform:uppercase;color:var(--chitin-amber);align-items:center;gap:10px;margin-bottom:12px;font-size:10px;font-weight:600;display:flex}.arch-section-label:after{content:"";background:linear-gradient(to right,var(--card-border),transparent);flex:1;height:1px}.arch-diagram{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:32px;position:relative;overflow:hidden}.arch-diagram:before{content:"";background:linear-gradient(to right,transparent,var(--chitin-amber),transparent);opacity:.3;height:1px;position:absolute;top:0;left:0;right:0}.arch-tree{flex-direction:column;align-items:center;display:flex}.tree-box{background:var(--surface);border:1.5px solid var(--card-border);border-radius:var(--radius-md);text-align:center;min-width:180px;padding:16px 24px;transition:border-color .2s,transform .2s;display:inline-block}.tree-box:hover{border-color:var(--chitin-amber);transform:translateY(-1px)}.tree-box .main{font-family:var(--font-mono-code),monospace;color:var(--foreground);margin-bottom:4px;font-size:13px;font-weight:600}.tree-box .sub{color:var(--muted);font-size:11px}.tree-box.amber{border-color:var(--chitin-amber);background:var(--amber-soft)}.tree-box.amber .main{color:var(--chitin-amber)}.tree-box.soul{border-color:var(--soul-cyan);background:var(--soul-soft)}.tree-box.soul .main{color:var(--soul-cyan)}.tree-box.blue{border-color:var(--blue);background:var(--blue-glow)}.tree-box.blue .main{color:var(--blue)}.tree-box.green{border-color:var(--green);background:var(--green-glow)}.tree-box.green .main{color:var(--green)}.tree-box.purple{border-color:var(--purple);background:var(--purple-glow)}.tree-box.purple .main{color:var(--purple)}.tree-box.danger{border-color:var(--red);background:var(--red-glow)}.tree-box.danger .main{color:var(--red)}.tree-line{width:2px;height:24px;margin:0 auto}.tree-line.default{background:var(--card-border)}.tree-line.amber{background:var(--chitin-amber)}.tree-line.green{background:var(--green)}.tree-line.soul{background:var(--soul-cyan)}.tree-label{font-family:var(--font-mono-code),monospace;text-align:center;letter-spacing:.05em;padding:4px 0;font-size:10px}.tree-label.amber{color:var(--chitin-amber)}.tree-label.green{color:var(--green)}.tree-label.soul{color:var(--soul-cyan)}.tree-label.dim{color:var(--muted)}.tree-children{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.struct-block{background:var(--surface);border:1px solid var(--card-border);border-radius:var(--radius-md);margin-bottom:16px;overflow:hidden}.struct-header{background:var(--card-bg);font-family:var(--font-mono-code),monospace;color:var(--chitin-amber);border-bottom:1px solid var(--card-border);align-items:center;gap:10px;padding:14px 20px;font-size:13px;font-weight:600;display:flex}.struct-badge{letter-spacing:.1em;border-radius:3px;padding:2px 8px;font-size:9px}.struct-badge.amber{background:var(--amber-glow);color:var(--chitin-amber)}.struct-badge.green{background:var(--green-glow);color:var(--green)}.struct-badge.soul{background:var(--soul-glow);color:var(--soul-cyan)}.struct-row{border-bottom:1px solid var(--card-border);grid-template-columns:160px 100px 1fr;align-items:baseline;padding:10px 20px;font-size:13px;transition:background .15s;display:grid}.struct-row:last-child{border-bottom:none}.struct-row:hover{background:#ffffff05}.struct-field{font-family:var(--font-mono-code),monospace;color:var(--foreground);font-weight:500}.struct-type{font-family:var(--font-mono-code),monospace;color:var(--chitin-amber);opacity:.8;font-size:11px}.struct-desc{color:var(--muted);font-size:12px}.struct-row.hl{background:var(--amber-soft)}.struct-row.hl .struct-field{color:var(--chitin-amber)}.struct-row.hl-soul{background:var(--soul-soft)}.struct-row.hl-soul .struct-field,.struct-row.hl-soul .struct-type{color:var(--soul-cyan)}@media (max-width:640px){.struct-row{grid-template-columns:1fr;gap:4px}}.arch-flow{flex-direction:column;display:flex}.flow-step{grid-template-columns:52px 1fr;gap:20px;display:grid}.flow-marker{flex-direction:column;align-items:center;display:flex}.flow-number{background:var(--surface);border:2px solid var(--card-border);width:40px;height:40px;font-family:var(--font-display),Georgia,serif;color:var(--chitin-amber);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.flow-step.active .flow-number{background:var(--chitin-amber);border-color:var(--chitin-amber);color:var(--shell-black)}.flow-vline{background:var(--card-border);flex:1;width:2px;min-height:20px}.flow-step:last-child .flow-vline{display:none}.flow-content{padding-bottom:32px}.flow-title{font-family:var(--font-display),Georgia,serif;color:var(--foreground);margin-bottom:8px;font-size:19px;font-weight:600}.flow-desc{color:var(--muted);margin-bottom:14px;font-size:13px;line-height:1.7}.arch-code{background:var(--surface);border:1px solid var(--card-border);border-radius:var(--radius-md);font-family:var(--font-mono-code),monospace;color:var(--muted);padding:16px 20px;font-size:11.5px;line-height:1.9;overflow-x:auto}.arch-code .hi{color:var(--chitin-amber)}.arch-code .gr{color:var(--green)}.arch-code .bl{color:var(--blue)}.arch-code .sc{color:var(--soul-cyan)}.arch-code .rd{color:var(--red)}.arch-code .dm{opacity:.45}.arch-callout{border-left:3px solid var(--chitin-amber);border-radius:0 var(--radius-md)var(--radius-md)0;background:var(--amber-soft);margin-top:24px;padding:20px 24px}.arch-callout.green{border-left-color:var(--green);background:var(--green-glow)}.arch-callout.green .callout-title{color:var(--green)}.arch-callout.soul{border-left-color:var(--soul-cyan);background:var(--soul-soft)}.arch-callout.soul .callout-title{color:var(--soul-cyan)}.arch-callout.red{border-left-color:var(--red);background:var(--red-glow)}.arch-callout.red .callout-title{color:var(--red)}.callout-title{font-family:var(--font-mono-code),monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--chitin-amber);margin-bottom:8px;font-size:11px;font-weight:600}.arch-callout p{color:var(--foreground);font-size:13px;line-height:1.7}.arch-quote{border-left:3px solid var(--muted);font-family:var(--font-display),Georgia,serif;color:var(--foreground);margin:24px 0;padding:16px 24px;font-size:18px;font-style:italic;line-height:1.6}.arch-quote .source{font-family:var(--font-mono-code),monospace;color:var(--muted);letter-spacing:.05em;margin-top:8px;font-size:10px;font-style:normal;display:block}.scenario-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (max-width:640px){.scenario-grid{grid-template-columns:1fr}}.scenario-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);padding:24px;position:relative;overflow:hidden}.scenario-card:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.scenario-card.before:before{background:var(--muted)}.scenario-card.after:before{background:var(--red)}.scenario-label{font-family:var(--font-mono-code),monospace;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px;font-size:9px;font-weight:600}.scenario-card.before .scenario-label{color:var(--muted)}.scenario-card.after .scenario-label{color:var(--red)}.scenario-item{border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:baseline;gap:8px;padding:8px 0;font-size:12px;display:flex}.scenario-item:last-child{border-bottom:none}.scenario-key{font-family:var(--font-mono-code),monospace;color:var(--muted);flex-shrink:0;font-size:11px}.scenario-val{font-family:var(--font-mono-code),monospace;text-align:right;font-size:11px}.verify-chain{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:20px 0;display:flex}.verify-step{background:var(--surface);border:1px solid var(--card-border);border-radius:var(--radius-md);text-align:center;min-width:100px;padding:10px 16px}.verify-step .v-main{font-family:var(--font-mono-code),monospace;color:var(--foreground);font-size:11px;font-weight:600}.verify-step .v-sub{color:var(--muted);margin-top:2px;font-size:9px}.verify-step.pass{border-color:var(--green)}.verify-step.pass .v-main{color:var(--green)}.verify-step.fail{border-color:var(--red)}.verify-step.fail .v-main{color:var(--red)}.verify-arrow{font-family:var(--font-mono-code),monospace;color:var(--card-border);font-size:16px}.verify-arrow.green{color:var(--green)}.verify-arrow.red{color:var(--red)}.arch-layer{border-radius:var(--radius-md);background:#ffffff05;margin-bottom:2px;padding:20px 24px}.dark .arch-layer{background:#ffffff05}.arch-layer-label{font-family:var(--font-mono-code),monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;font-size:9px}.arch-items{flex-wrap:wrap;gap:10px;display:flex}.arch-item{background:var(--surface);border:1px solid var(--card-border);border-radius:var(--radius-md);font-family:var(--font-mono-code),monospace;color:var(--foreground);padding:12px 18px;font-size:12px;font-weight:500;transition:border-color .2s;position:relative}.arch-item:hover{border-color:var(--chitin-amber)}.arch-item.primary{border-color:var(--chitin-amber);background:var(--amber-soft)}.arch-item .s{color:var(--muted);font-size:10px;font-weight:400;font-family:var(--font-body),system-ui,sans-serif;margin-top:4px;display:block}.arch-connector{justify-content:center;align-items:center;padding:8px 0;display:flex}.arch-connector-line{background:linear-gradient(to bottom,var(--card-border),var(--chitin-amber),var(--card-border));border-radius:1px;width:2px;height:24px}.arch-table{border-collapse:collapse;width:100%}.arch-table th{font-family:var(--font-mono-code),monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:left;border-bottom:1px solid var(--card-border);padding:14px 16px;font-size:10px;font-weight:600}.arch-table td{border-bottom:1px solid var(--card-border);padding:10px 16px;font-size:13px}.arch-table tr:last-child td{border-bottom:none}.arch-table tbody tr{transition:background-color .15s}.arch-table tbody tr:hover{background-color:#ffffff05}@media (max-width:768px){.arch-table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}}.phase-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);padding:24px;position:relative;overflow:hidden}.phase-card:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.tba-mockup{background:var(--surface);border:2px solid var(--chitin-amber);border-radius:var(--radius-lg);text-align:left;max-width:400px;padding:32px 40px;display:inline-block}.tba-mockup-input{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-sm);font-family:var(--font-mono-code),monospace;color:var(--foreground);width:100%;padding:8px 12px;font-size:13px}.tba-mockup-btn{background:var(--chitin-amber);color:var(--shell-black);text-align:center;border-radius:var(--radius-md);font-family:var(--font-mono-code),monospace;cursor:pointer;width:100%;padding:12px;font-size:13px;font-weight:600}