.werking-page{max-width:1100px;margin:0 auto;padding:48px 24px 72px}.werking-heading{margin-bottom:32px}.werking-label{display:inline-block;margin-bottom:12px;padding:7px 12px;border-radius:999px;background:rgba(59,130,246,.12);color:#60a5fa;font-size:12px;font-weight:700;letter-spacing:.08em}.werking-intro,.werking-card,.werking-section{margin-bottom:22px;padding:26px;border:1px solid rgba(148,163,184,.22);border-radius:16px;background:rgba(15,23,42,.72);box-shadow:0 12px 35px rgba(0,0,0,.18)}.werking-intro h2,.werking-card h2,.werking-section h2{margin-top:0}.werking-intro p,.werking-card p,.werking-section p{line-height:1.7}.werking-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px}.werking-card{margin:0;cursor:pointer;transition:transform .18s ease,border-color .18s ease}.werking-card:hover{transform:translateY(-3px);border-color:rgba(96,165,250,.65)}.werking-card-number{display:block;margin-bottom:10px;color:#60a5fa;font-weight:700}.werking-card-link{margin-top:18px;text-align:right;font-weight:700}.werking-note{padding:18px 20px;border-left:4px solid #60a5fa;border-radius:8px;background:rgba(59,130,246,.10)}.werking-navigation{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin-top:38px}.werking-navigation>:last-child{justify-self:end}.werking-nav-link{text-decoration:none;font-weight:700}@media(max-width:760px){.werking-overview-grid{grid-template-columns:1fr}.werking-navigation{grid-template-columns:1fr;text-align:center}.werking-navigation>:last-child{justify-self:center}}
\n\n.werking-system-overview{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:28px 0;padding:24px 26px;border:1px solid rgba(96,165,250,.34);border-radius:16px;background:linear-gradient(135deg,rgba(17,29,52,.92),rgba(12,21,39,.92));box-shadow:0 14px 36px rgba(0,0,0,.2)}\n.werking-system-overview h2{margin:0 0 7px}.werking-system-overview p{margin:0;color:#cbd5e1}\n.werking-system-button{border:1px solid rgba(96,165,250,.65);border-radius:10px;padding:12px 18px;background:rgba(37,99,235,.18);color:#dbeafe;font:inherit;font-weight:700;cursor:pointer;white-space:nowrap;transition:.18s ease}\n.werking-system-button:hover{transform:translateY(-2px);background:rgba(37,99,235,.3)}\nbody.system-modal-open{overflow:hidden}\n.system-modal[hidden]{display:none}.system-modal{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:24px;opacity:0;transition:opacity .22s ease}.system-modal.is-open{opacity:1}\n.system-modal-backdrop{position:absolute;inset:0;background:rgba(1,6,18,.9);backdrop-filter:blur(7px)}\n.system-modal-dialog{position:relative;width:min(1480px,96vw);max-height:94vh;overflow:auto;padding:26px;border:1px solid rgba(63,150,255,.6);border-radius:28px;background:radial-gradient(circle at 50% 10%,rgba(25,70,145,.20),transparent 35%),linear-gradient(180deg,#040b1c 0%,#061127 62%,#030916 100%);box-shadow:0 0 70px rgba(23,102,255,.25);transform:scale(.975) translateY(8px);transition:transform .22s ease}.system-modal.is-open .system-modal-dialog{transform:scale(1) translateY(0)}\n.system-modal-close{position:absolute;right:18px;top:18px;z-index:5;width:44px;height:44px;border:1px solid rgba(148,163,184,.35);border-radius:50%;background:rgba(15,23,42,.85);color:#fff;font-size:28px;line-height:1;cursor:pointer}\n.system-map{position:relative;max-width:1320px;margin:auto;color:#e8f0ff}.system-map-header{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 auto 20px;text-align:left}.system-map-logo{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(38,164,255,.45))}.system-map-header h2{margin:0;color:#37b6ff;font-size:30px;letter-spacing:.04em}.system-map-header p{margin:2px 0 0;color:#7385a4;font-size:10px;letter-spacing:.12em}\n.system-source-strip{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:22px;padding:12px 20px;border:1px solid rgba(91,155,255,.38);border-radius:13px;background:rgba(26,43,74,.78);text-align:center}.system-source-strip span{color:#65b8ff;font-weight:800}.system-source-strip strong{font-weight:600}\n.system-program-grid,.system-db-grid{display:grid;grid-template-columns:1fr 1fr 1.28fr;gap:22px}.system-program{position:relative;min-height:270px;padding:24px 22px 20px;border:1px solid currentColor;border-radius:16px;background:linear-gradient(180deg,rgba(9,19,42,.97),rgba(7,16,35,.94));box-shadow:inset 0 0 30px rgba(255,255,255,.015),0 0 24px rgba(0,0,0,.25)}.system-program::before{content:"";position:absolute;left:50%;top:-23px;width:1px;height:18px;background:currentColor;box-shadow:0 0 9px currentColor}.system-program::after{content:"↓";position:absolute;left:calc(50% - 4px);top:-34px;color:currentColor;font-size:17px}.system-program-ai{color:#ae63ff}.system-program-us{color:#35db79}.system-program-main{color:#49a5ff}.system-program-icon{float:left;display:grid;place-items:center;width:48px;height:48px;margin:0 14px 8px 0;border-radius:50%;background:currentColor;color:#071020;font-weight:900;box-shadow:0 0 20px currentColor}.system-program h3{margin:6px 0 2px;font-size:23px;color:currentColor}.system-program-kind{margin:0 0 20px;color:#b9c5d8;font-style:italic}.system-program ul{clear:both;margin:0;padding-left:21px;color:#d6dfed;line-height:1.62}.system-program li::marker{color:currentColor}\n.system-db-grid{margin-top:12px}.system-db-column{text-align:center}.system-write{display:block;margin-bottom:9px;font-weight:800}.system-db-ai{color:#af68ff}.system-db-us{color:#39dc7b}.system-db-main{color:#4ca7ff}.system-db{position:relative;display:flex;min-height:105px;flex-direction:column;align-items:center;justify-content:center;border:1px solid currentColor;border-radius:50% / 18%;background:linear-gradient(90deg,rgba(0,0,0,.22),currentColor 48%,rgba(0,0,0,.26));box-shadow:inset 0 12px 22px rgba(255,255,255,.22),inset 0 -18px 30px rgba(0,0,0,.35),0 0 22px color-mix(in srgb,currentColor 35%,transparent);color:white}.system-db::before{content:"";position:absolute;inset:-1px -1px auto;height:30px;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:rgba(255,255,255,.14)}.system-db strong,.system-db small{position:relative;z-index:1}.system-db strong{font-size:19px}.system-db small{font-size:14px}\n.system-read-lines{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:18px 7% 20px}.system-read-line{position:relative;height:48px;border:1px dashed currentColor;border-radius:12px}.system-read-line::after{content:"→";position:absolute;right:15px;top:8px;font-size:26px}.system-read-line span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:0 12px;background:#061127;font-weight:700;white-space:nowrap}.system-read-ai{color:#ae63ff}.system-read-us{color:#35db79}\n.system-user-bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:14px 20px;border:1px solid rgba(82,161,255,.55);border-radius:14px;background:rgba(20,37,67,.93)}.system-user-screen{display:grid;place-items:center;width:64px;height:48px;border:3px solid #4aa8ff;border-radius:6px;color:#4aa8ff;font-size:28px}.system-user-bar strong{color:#7fbdff;font-size:19px}.system-user-bar p{margin:4px 0 0;color:#cbd5e1}.system-user-message{display:flex;flex-direction:column;text-align:right}.system-user-message strong{color:#dbeafe;font-size:15px}.system-user-message span{color:#aab8ce;font-size:13px}.system-slogan{margin:16px auto 0;text-align:center;color:#5bb6ff;font-weight:700}.system-slogan span{color:#b568ff}.system-slogan em{color:#4ade80;font-style:normal}\n@media(max-width:960px){.system-program-grid,.system-db-grid{grid-template-columns:1fr}.system-program{min-height:0}.system-program::before,.system-program::after{display:none}.system-read-lines{grid-template-columns:1fr;margin-left:0;margin-right:0}.system-user-bar{grid-template-columns:auto 1fr}.system-user-message{grid-column:1/-1;text-align:left}.system-modal-dialog{padding:18px}.system-map-header{justify-content:flex-start;padding-right:50px}}\n@media(max-width:680px){.werking-system-overview{align-items:flex-start;flex-direction:column}.system-modal{padding:8px}.system-modal-dialog{width:100%;max-height:98vh;border-radius:18px}.system-map-header h2{font-size:23px}.system-map-logo{width:48px;height:48px}.system-source-strip{font-size:13px}.system-program h3{font-size:20px}.system-user-bar{grid-template-columns:1fr}.system-user-screen{display:none}}\n