/* EGE COŞKUN • Etkileşimli sürüm. Mevcut tasarımı değiştirmeden eklenen bileşenler. */
.theme-toggle{flex:0 0 auto;display:inline-flex;gap:8px;align-items:center;justify-content:center;cursor:pointer;border:1px solid #3e4b62;border-radius:999px;background:#192236;color:#dce9ff;padding:9px 13px;font-size:12px;font-weight:650;transition:background .2s,transform .2s}
.theme-toggle:hover{background:#273956;transform:translateY(-1px)}.theme-icon{font-size:17px;line-height:1}.theme-label{font-size:11px}
.nav-shell{gap:18px}.nav-links{margin-left:auto;gap:clamp(12px,1.8vw,25px)}
.autonomous-link{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:9px 13px;border:1px solid #3e4b62;border-radius:999px;background:#192236;color:#dce9ff;font-size:11px;font-weight:650;line-height:1.2;text-decoration:none;white-space:nowrap;transition:background .2s,transform .2s}
.autonomous-link:hover,.autonomous-link[aria-current="page"]{background:#273956;border-color:#6a91cd}.autonomous-link:hover{transform:translateY(-1px)}
@media(max-width:620px){.nav-shell .brand-name{display:none}.autonomous-link{padding:9px 10px;font-size:10px}}
/* Tema değişimi: Koyu açılış her iki temada da korunur; açık bölümler dönüşür. */
html[data-theme="dark"] {color-scheme:dark} html[data-theme="light"]{color-scheme:light}
html[data-theme="dark"] body{--surface:#101722;--white:#101722;--ink:#edf2fb;--line:#293446;background:#101722;color:#edf2fb}
html[data-theme="dark"] .section-light,html[data-theme="dark"] .archive-section,html[data-theme="dark"] .detail-content{background:#101722!important;color:#e9effa}
html[data-theme="dark"] .section-heading h2,html[data-theme="dark"] .detail-block h2,html[data-theme="dark"] .detail-block h3,html[data-theme="dark"] .contact-copy h2{color:#edf2fb}
html[data-theme="dark"] .section-heading p,html[data-theme="dark"] .detail-block p,html[data-theme="dark"] .detail-parts,html[data-theme="dark"] .contact-copy p{color:#a6b5cb}
html[data-theme="dark"] .project-card,html[data-theme="dark"] .skill-panel,html[data-theme="dark"] .contact-form{background:#192335;color:#eaf3ff;border-color:#2c3a4d}
html[data-theme="dark"] .project-details h3,html[data-theme="dark"] .skill-panel h3{color:#f0f5ff}
html[data-theme="dark"] .project-details p,html[data-theme="dark"] .skill-panel p{color:#9fb0c8}
html[data-theme="dark"] .text-muted{color:#7a96c0}
html[data-theme="dark"] .upcoming-card{background:#172334;color:#eaf3ff}
html[data-theme="dark"] .form-field label{color:#dae7ff}
html[data-theme="dark"] .contact-form input,html[data-theme="dark"] .contact-form textarea{background:#0e1724;color:#edf4ff;border-color:#314057}
html[data-theme="dark"] .contact-form input::placeholder,html[data-theme="dark"] .contact-form textarea::placeholder{color:#7d8ba1}
html[data-theme="dark"] .detail-block{border-color:#29374b}
html[data-theme="dark"] .wiring-link{background:#fff;border-color:#33405b}
html[data-theme="dark"] .pin-table,html[data-theme="dark"] .pin-table th,html[data-theme="dark"] .pin-table td{border-color:#344258;color:#e4edfa}
html[data-theme="dark"] .pin-table thead th{background:#263751;color:#e5efff}
html[data-theme="dark"] .pin-table tbody tr:nth-child(even){background:#1c293b}
html[data-theme="dark"] .detail-block .wiring-note{background:#282419;color:#e3c996}
html[data-theme="dark"] .sim-controls{background:#182438}
html[data-theme="dark"] .sim-controls label,html[data-theme="dark"] .sim-stat strong{color:#eff5ff}
html[data-theme="dark"] .sim-controls input[type="text"]{background:#0f1828;color:#eef4ff;border-color:#3c526f}
html[data-theme="dark"] .gallery-tile{background:#1a273b;border-color:#344660;color:#e8f2ff}
html[data-theme="dark"] .gallery-tile span{color:#dbeaff}
html[data-theme="dark"] .demo-jump{background:#213657}
html[data-theme="dark"] .matrix-light>.matrix-rain-layer{opacity:.85}
html[data-theme="dark"] .section-light .eyebrow-dark{color:#9fb1ce}
html[data-theme="dark"] .archive-section .archive-shell{background:#0c111d}
@media(max-width:820px){.theme-toggle{margin-left:auto}.nav-links{margin-left:0}.theme-label{display:none}.theme-toggle{width:39px;height:39px;padding:0}}
/* Terminal ve 3D pano sekmeleri */
.hero-art{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:12px}
.hero-switch{position:relative;z-index:4;display:flex;gap:5px;background:rgba(20,29,46,.88);border:1px solid rgba(127,162,221,.21);border-radius:999px;padding:5px;width:max-content;max-width:100%;margin-inline:auto}
.hero-tab{padding:9px 17px;background:transparent;border:0;color:#91a5c4;font:650 11px Inter,sans-serif;border-radius:999px;transition:background .2s,color .2s}
.hero-tab:hover{color:#fff}.hero-tab.is-active,.hero-tab[aria-selected="true"]{background:#2c65bd;color:white;box-shadow:0 2px 14px rgba(39,123,255,.25)}
.dev-console{margin-inline:auto;transform:none!important;width:min(100%,540px)}
.dev-console[hidden],.board-panel[hidden]{display:none!important}
.live-output{border-top:1px solid rgba(130,172,233,.18);padding:15px 25px 16px;background:linear-gradient(110deg,rgba(28,58,91,.27),transparent)}
.live-output-title{display:flex;align-items:center;gap:10px;color:#8db9fc;font:700 10px Consolas,monospace;letter-spacing:.08em}
.live-output-title>span:last-child{margin-left:auto;color:#607a9e;letter-spacing:0;font-weight:500}
.pulse-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#52e4c3;box-shadow:0 0 12px rgba(40,218,175,.8);flex:none}
.live-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:13px}
.live-values>div{border:1px solid rgba(107,153,208,.14);background:rgba(6,13,26,.42);border-radius:9px;padding:10px 7px;font:700 9px Consolas,monospace;color:#708aa7;display:flex;flex-direction:column;gap:6px}
.live-values strong{font:700 16px Consolas,monospace;color:#cbe8ff}
.live-log{font:11px Consolas,monospace;color:#7fb5ab;margin-top:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.board-panel{position:relative;z-index:2;width:min(100%,540px);margin:0 auto;border-radius:18px;overflow:hidden;background:linear-gradient(145deg,#111b2c,#0b111e);border:1px solid rgba(112,159,226,.27);box-shadow:0 25px 85px rgba(0,0,0,.4)}
.circuit-heading{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-bottom:1px solid #273854;padding:17px 20px;font:700 10px Consolas,monospace;color:#a6c1ea;letter-spacing:.04em}
.circuit-heading span:last-child{margin-left:auto;color:#6383b3}
.circuit-stage{height:310px;display:grid;place-items:center;perspective:780px;touch-action:none;cursor:grab;user-select:none;overflow:hidden;background:radial-gradient(ellipse at 45% 46%,#14284a,#08111f 76%)}
.circuit-stage:active{cursor:grabbing}
.pcb-board{width:min(78%,405px);height:225px;position:relative;transform-style:preserve-3d;transform:rotateX(var(--rx,15deg)) rotateY(var(--ry,-19deg)) rotateZ(-2deg);transition:transform .12s ease-out;filter:drop-shadow(18px 25px 18px rgba(0,0,0,.45))}
.pcb-side{position:absolute;inset:0;border-radius:15px;background:#08362d;transform:translateZ(-13px);box-shadow:0 12px 0 #07392d}
.pcb-face{position:absolute;inset:0;border-radius:13px;border:2px solid #3ab4a0;background:radial-gradient(circle at 52% 52%,rgba(43,135,115,.29),transparent 68%),repeating-linear-gradient(90deg,transparent 0 18px,rgba(66,160,142,.045) 19px 20px),linear-gradient(140deg,#073f36,#0a282f);transform:translateZ(10px);box-shadow:inset 0 0 38px rgba(0,0,0,.24),0 0 24px rgba(23,147,125,.13);overflow:visible}
.pcb-traces{position:absolute;inset:0;width:100%;height:100%;opacity:.8}
.pcb-module{position:absolute;left:36%;top:29%;width:30%;height:49%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;color:#d2e6f9;border:2px solid #485565;border-radius:5px;background:linear-gradient(140deg,#252f3b,#101824);box-shadow:0 9px 4px rgba(0,0,0,.4);transform:translateZ(21px)}
.pcb-module span{font:700 9px Consolas,monospace;letter-spacing:.16em}.pcb-module strong{font:800 24px Inter,sans-serif;letter-spacing:-.06em}.pcb-module small{font:9px Consolas,monospace;color:#81b5dc}
.pcb-port{position:absolute;top:-15px;left:41%;width:20%;height:36px;background:linear-gradient(#8994aa,#4e6174);border:4px solid #152433;border-radius:8px;font:700 9px Consolas,monospace;color:white;text-align:center;padding-top:7px;transform:translateZ(15px)}
.pcb-pin{position:absolute;top:11%;height:78%;width:22px;border-radius:4px;background:repeating-linear-gradient(to bottom,#e4bc70 0 9px,#161b22 9px 19px);border:5px solid #192329;transform:translateZ(17px)}
.pcb-pin-left{left:-12px}.pcb-pin-right{right:-12px}
.pcb-led{position:absolute;left:23%;top:41%;height:17px;width:17px;border-radius:50%;border:3px solid #f5fdf9;background:#1effa3;box-shadow:0 0 10px #17ed9c,0 0 24px #17e794;transform:translateZ(24px)}
.pcb-led.is-off{background:#234937;box-shadow:none;border-color:#48685b}
.pcb-cap{position:absolute;right:23%;width:24px;height:12px;background:#16252d;border:2px solid #a5a8a5;transform:translateZ(14px)}.cap-one{top:18%}.cap-two{bottom:13%}
.pcb-label{position:absolute;left:50%;transform:translateX(-50%) translateZ(12px);font:700 10px Consolas,monospace;color:#e9ffff;white-space:nowrap;letter-spacing:.12em}
.pcb-label-top{top:8%}.pcb-label-bottom{bottom:7%;font-size:8px;color:#82b2a6}
.pcb-mark{position:absolute;top:52%;font:8px Consolas,monospace;color:#8ecdbb;white-space:nowrap;letter-spacing:.05em}
.pin-label-l{left:7%;transform:rotate(-90deg)}.pin-label-r{right:1%;transform:rotate(90deg)}
.board-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:15px 16px 4px}
.board-controls div{margin-right:auto}.board-controls strong,.board-controls span{display:block}.board-controls strong{color:#eef5ff;font-size:12px}.board-controls span{color:#8194b3;font-size:10px;margin-top:5px}
.board-controls button{border:1px solid #3e5778;border-radius:8px;padding:10px;background:#192e49;color:#daebff;font:650 10px Inter,sans-serif}
.board-controls button:hover{background:#2d4568}.board-disclaimer{font:10px/1.5 Inter,sans-serif;color:#8191a6;padding:5px 18px 14px;margin:0}
/* Project pages: image gallery, demos and highlighted code */
.gallery-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:1000px;margin-top:22px;margin-bottom:16px}
.gallery-tile{display:flex;align-items:center;gap:15px;border:1px solid #e2e8f0;background:#fff;border-radius:15px;padding:10px;text-decoration:none;font:650 13px Inter,sans-serif;color:#263448;transition:transform .2s,box-shadow .2s}
.gallery-tile:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(22,44,83,.12)}
.gallery-tile img{width:90px;height:58px;object-fit:cover;border-radius:9px;background:#ecf1f7}.gallery-tile span{flex:1}.gallery-tile b{float:right;font-size:18px;color:#3579cc}
.demo-jump{color:#cce0fc;font:700 11px Inter,sans-serif;text-decoration:none;border-radius:999px;background:#234476;border:1px solid #395a8c;padding:10px 13px}
.sim-overline{display:inline-block;margin:0 0 10px;color:#387de2;letter-spacing:.12em;font-size:10px;font-weight:800}
.sim-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-bottom:26px}.sim-head h2{margin-bottom:9px}.sim-head p{margin:0}
.demo-pill{border:1px solid #9bbce6;color:#205bb4;border-radius:99px;padding:9px 12px;white-space:nowrap;font:800 10px Consolas,monospace;background:rgba(63,128,237,.09)}
.sim-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(225px,.9fr);gap:18px}
.sim-screen{border-radius:20px;overflow:hidden;background:#07101a;border:1px solid #22354d;min-width:0;min-height:230px;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 35px rgba(2,13,34,.13)}
.sim-screen canvas{width:100%;height:auto;display:block}
.sim-controls{background:#f0f4f9;border:1px solid #d7e1ec;border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:15px}
.sim-controls label{display:flex;justify-content:space-between;gap:9px;font-size:12px;font-weight:750;color:#273b59}.sim-controls output{color:#397fec}
.sim-controls input[type="range"]{width:100%;accent-color:#327df4;cursor:pointer}
.sim-controls input[type="text"]{width:100%;height:44px;border:1px solid #b3c4d9;background:white;border-radius:10px;padding:0 12px;color:#1d344a;min-width:0}
.sim-controls input:focus-visible{outline-offset:2px}.sim-button{border:0;background:#307cec;color:#fff;border-radius:10px;padding:14px 15px;font-weight:750;transition:background .2s}.sim-button:hover{background:#1b5ec1}
.control-topline{font:700 10px Consolas,monospace;color:#4c87d3;display:flex;align-items:center;gap:9px;letter-spacing:.06em}
.sim-stat{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #c9d4e0;padding:10px 0;color:#778aa2;font-size:12px}.sim-stat strong{font:700 22px Consolas,monospace;color:#1d3653}
.sim-note{font:11px/1.65 Inter,sans-serif!important;color:#71829b!important;margin:0!important}
.led-screen{display:block;padding:20px 12px;background:linear-gradient(145deg,#0b141a,#03080e)}
.sim-led-head,.sim-led-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#71a28a;font:700 9px Consolas,monospace;letter-spacing:.04em}
.sim-led-footer{color:#4b6a68}.sim-led-dot{display:inline-block;background:#1fff8f;width:6px;height:6px;border-radius:50%;box-shadow:0 0 10px #23fa95}
.sim-led-head{padding:0 12px 8px}.sim-led-footer{padding:4px 12px 0}.led-screen canvas{max-height:300px}
.project-demo-hint{display:inline-flex;margin-top:18px;color:#2f81ec;font-size:11px;font-weight:700;letter-spacing:.02em}
.archive-links{display:flex;flex-wrap:wrap;gap:10px;position:relative;z-index:2}.archive-links a{border:1px solid #4d6384;border-radius:99px;padding:11px 14px;color:#d6e7ff;text-decoration:none;font-size:11px;font-weight:750}.archive-links a:hover{background:#273e5d}
.lightbox{position:fixed;inset:0;z-index:1000;background:rgba(3,7,16,.94);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:15px;padding:20px;backdrop-filter:blur(10px)}
.lightbox[hidden]{display:none}.lightbox-top{display:flex;justify-content:space-between;align-items:center;gap:15px;color:#dfeaff;font-size:13px}.lightbox-close{cursor:pointer;background:#19283c;color:#fff;border:1px solid #6683ab;border-radius:50%;font-size:22px;width:43px;height:43px}
.lightbox img{height:100%;width:100%;object-fit:contain;min-height:0}.lightbox-download{text-align:center;color:#93bfff;font-size:12px;text-decoration:none}
.token-keyword{color:#a9a3ff}.token-number{color:#f8c57b}.token-string{color:#94dbb5}.token-comment{color:#8294ac}.token-preprocessor{color:#83bfff}
@media(max-width:1100px){.theme-label{display:none}.theme-toggle{width:40px;height:40px;padding:0}.nav-shell{gap:14px}}
@media(max-width:900px){.circuit-stage{height:265px}.pcb-board{width:min(82%,390px);height:200px}}
@media(max-width:720px){.hero-switch{margin-top:4px}.hero-art{gap:12px}.dev-console{max-width:100%}.live-output{padding:10px 13px}.live-values strong{font-size:13px}.live-values>div{font-size:8px}.board-panel{width:100%}.circuit-stage{height:245px}.pcb-board{width:76%;height:160px}.pcb-module strong{font-size:18px}.pcb-label{font-size:8px}.pcb-label-bottom{font-size:6px}.pcb-mark{display:none}.board-controls{gap:10px}.board-controls div{flex-basis:100%}.gallery-strip{gap:9px}.gallery-tile{gap:8px;font-size:10px}.gallery-tile img{width:60px;height:48px}.sim-layout{grid-template-columns:1fr}.sim-controls{padding:18px}.sim-head{gap:12px}.demo-pill{font-size:8px}.sim-screen{min-height:180px}.detail-content{padding-bottom:30px}}
@media(max-width:420px){.hero-tab{padding:9px 13px;font-size:10px}.circuit-stage{height:225px}.pcb-board{width:80%;height:145px}.pcb-pin{width:15px}.pcb-module span{font-size:6px}.pcb-module strong{font-size:17px}.pcb-module small{font-size:6px}.pcb-label-top{font-size:7px}.pcb-module{left:37%;width:29%}.gallery-tile b{display:none}}
@media(prefers-reduced-motion:reduce){.pcb-board,.gallery-tile,.theme-toggle,.hero-tab{transition:none!important}}
/* Kod satırlarındaki boşlukları koru ve sabit menü altında başlık gizlenmesini önle. */
.dev-code-lines > div{display:block}
.dev-code-lines .ln{display:inline-block;vertical-align:baseline}
#simulator{scroll-margin-top:110px}