:root{--blue:#1238e6;--ink:#18233b;--muted:#5d6576;--paper:#f7f7f2;--line:#dedfd9;--mono:'Courier New',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6;padding-bottom:43px}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #ef9d24;outline-offset:5px}button{color:inherit}img{display:block;max-width:100%;height:auto}.header,.section,.footer{max-width:1240px;margin:auto;padding-left:56px;padding-right:56px}.header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{text-decoration:none;display:flex;align-items:center;gap:12px;font-weight:800;font-size:27px;letter-spacing:-1.2px;white-space:nowrap}.brand-icon{display:inline-grid;place-items:center;background:var(--blue);color:white;width:36px;height:34px;font:21px var(--mono);box-shadow:3px 3px 0 #c4c8d7;border-radius:3px}.brand-dot{font-size:11px;align-self:flex-start;margin-top:9px;margin-left:-8px}nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:600}nav a{text-decoration:none}nav a:hover{color:var(--blue)}nav .nav-story{border-bottom:1px solid var(--ink);padding:7px 0}.hero{max-width:1328px;margin:0 auto;background:var(--blue);color:white;padding:25px 55px 20px;overflow:hidden}.hero-top,.hero-bottom{display:flex;justify-content:space-between;gap:24px;font:11px var(--mono);letter-spacing:1px}.hero-top{padding-bottom:20px;border-bottom:1px solid #ffffff38}.status-dot{display:inline-block;width:7px;height:7px;background:#c5f47c;margin-right:9px;box-shadow:0 0 10px #b9ec7f60}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;min-height:590px;align-items:center}.eyebrow{font:11px var(--mono);font-weight:700;letter-spacing:1.7px;margin:0 0 25px}.hero-copy{padding:45px 0}.hero h1{font-size:clamp(54px,6.3vw,84px);font-weight:750;line-height:1.04;letter-spacing:-5px;margin:0 0 26px}.hero h1>span:not(.cursor){color:#c3d0ff}.cursor{font-size:65px;color:#d8f991;white-space:nowrap}.hero-desc{font-size:18px;line-height:1.65;color:#e0e6ff;margin:0 0 28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:34px;padding:14px 22px;min-height:50px;text-decoration:none;font-weight:700;font-size:13px;border:1px solid transparent;box-shadow:4px 4px 0 #091d8a;transition:transform .15s,box-shadow .15s}.button:hover{transform:translate(-1px,-2px);box-shadow:6px 6px 0 #091d8a}.button-white{background:#f5f5e9;color:#172347}.button-blue{background:var(--blue);color:white;box-shadow:4px 4px 0 #b9c5fa}.button-blue:hover{box-shadow:6px 6px 0 #b9c5fa}.hero-small{display:block;font:10px var(--mono);color:#d6dfff;margin-top:19px}.hero-art{position:relative;height:440px;min-width:0;margin-right:-8px}.window{border:2px solid #f6f6f4;border-right-color:#777f94;border-bottom-color:#777f94;background:#d4d6d8;box-shadow:7px 8px 0 #13236925}.titlebar{height:29px;padding:2px 7px;background:#1534a2;color:white;display:flex;align-items:center;justify-content:space-between;gap:8px;font:11px var(--mono);font-weight:bold}.window-controls{letter-spacing:3px}.xp-window{position:absolute;width:89%;right:0;top:5px;transform:rotate(3deg);box-shadow:12px 16px 0 #061d7c50}.xp-window .titlebar{background:#e7e7e4;color:#293552}.image-button{display:block;width:100%;padding:0;border:0;background:#000080;overflow:hidden}.image-button img{width:100%;transition:filter .15s}.image-button:hover img{filter:brightness(1.07)}.error-window{position:absolute;bottom:8px;left:0;width:73%;transform:rotate(-4deg);box-shadow:10px 12px 0 #07165d55}.error-window img{width:100%;image-rendering:auto}.error-caption{font:10px var(--mono);color:#252d46;padding:7px 9px;background:#e1e2df}.art-label{position:absolute;right:0;bottom:-25px;font:12px var(--mono);transform:rotate(-3deg);background:#d5f589;color:#183520;padding:7px 12px}.hero-bottom{padding-top:19px;border-top:1px solid #ffffff38;color:#d1d9ff;font-size:10px;letter-spacing:.25px}.hero-bottom b{font-weight:400;color:#e4f8b9}.memory-strip{display:flex;justify-content:center;gap:35px;align-items:center;padding:25px 20px;border-bottom:1px solid var(--line);font:12px var(--mono);color:#657080}.memory-strip b{font-size:17px;font-weight:normal;color:var(--blue)}.section{padding-top:80px;padding-bottom:80px}.blue{color:var(--blue)}h2{font-size:43px;line-height:1.12;letter-spacing:-1.8px;margin:0;font-weight:700}.intro{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;padding-top:100px;padding-bottom:70px}.intro-text{font-size:17px}.intro-text p:first-child{margin-top:0}.intro-text p:nth-child(2){color:var(--muted);font-size:15px}.text-link{color:var(--blue);font:11px var(--mono);text-underline-offset:4px}.archive{padding-top:18px}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px;border-top:1px solid var(--line);padding-top:30px}.section-heading h2{font-size:27px;letter-spacing:-1px}.mono{font:10px var(--mono);letter-spacing:.5px}.section-heading .mono{color:var(--muted)}.timeline{display:grid;grid-template-columns:repeat(6,1fr);gap:32px 25px}.era{grid-column:span 2;min-width:0}.era-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.era-number{font:11px var(--mono);color:var(--blue);border:1px solid #bfc7ed;padding:2px 7px}.era-year{font:11px var(--mono);color:var(--muted)}.era .image-button{padding:8px;background:#e0e2df;border:1px solid #ccd0d0;box-shadow:3px 3px 0 #dadcd5}.era .image-button img{aspect-ratio:16/10;object-fit:contain;background:#000080}.era h3{font-size:21px;line-height:1.2;letter-spacing:-.5px;margin:22px 0 8px}.era-os{font:10px var(--mono);color:var(--blue);letter-spacing:1px}.era p{font-size:14px;line-height:1.8;color:var(--muted);margin:14px 0}.era-joke{font:11px/1.6 var(--mono);display:block;border-left:2px solid #c5cdee;padding-left:10px;color:#424e69}.era.wide{grid-column:span 3;border-top:1px solid var(--line);padding-top:24px}.wide-content{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.wide-content h3{margin-top:8px}.wide-content .image-button img{aspect-ratio:4/3}.wide-content .image-button{margin-top:4px}.wide-content p{font-size:13px}.archive-note{font:10px/1.7 var(--mono);color:var(--muted);text-align:center;margin:40px 0 0}.desktops{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center;border-top:1px solid var(--line);padding-top:80px;padding-bottom:100px}.desktop-copy>p:not(.eyebrow){font-size:15px;color:var(--muted)}.desktop-tabs{display:flex;flex-direction:column;margin:28px 0 20px;border-top:1px solid var(--line)}.desktop-tabs button{border:0;border-bottom:1px solid var(--line);background:none;display:flex;justify-content:space-between;padding:12px 14px;text-align:left;font-size:14px}.desktop-tabs button span{font:11px var(--mono);align-self:center;color:#66718b}.desktop-tabs button[aria-selected=true]{background:var(--blue);color:white}.desktop-tabs button[aria-selected=true] span{color:#e5e9ff}.desktop-note{font:12px/1.8 var(--mono)!important;min-height:44px}.desktop-window{transform:rotate(1deg)}.desktop-window img{aspect-ratio:4/3;object-fit:contain}.window-status{background:#e6e7e4;color:#4a5362;display:flex;justify-content:space-between;gap:12px;padding:6px 9px;border-top:1px solid #b1b6be;font:10px var(--mono)}.story-wrap{background:#eceee5;border-top:1px solid #d9ddce;border-bottom:1px solid #d9ddce;background-image:radial-gradient(#b2b9ab65 .7px,transparent .7px);background-size:9px 9px}.story-heading{text-align:center;margin-bottom:50px}.story-heading h2{font-size:48px}.story-heading>p:last-child{color:var(--muted);font-size:15px;line-height:1.8}.story-layout{display:grid;grid-template-columns:1.7fr 1fr;gap:65px;align-items:center}.notepad .titlebar{background:#1734a4;height:32px}.notepad-menu{font:11px var(--mono);padding:6px 10px;background:#e8e8e4;color:#343a48;border-bottom:1px solid #acb2ba}.notepad-body{background:#fffffb;padding:36px}.file-label{font:10px var(--mono);color:#7c8290}.notepad h3{font:700 19px var(--mono);margin:24px 0 20px}.original-story{font:14px/2 var(--mono);margin:0;white-space:normal;overflow-wrap:anywhere}.note-signature{font:12px var(--mono);margin-top:28px;color:var(--blue);border-top:1px dashed #d3d8cc;padding-top:20px;display:flex;justify-content:space-between}.note-signature span{font-size:25px;line-height:.6}.sticky-note{background:#f4edaa;padding:35px 27px 27px;box-shadow:5px 7px 0 #44462c0f;transform:rotate(4deg);position:relative}.pin{position:absolute;top:-10px;left:40%;height:27px;width:65px;background:#fff9;transform:rotate(-6deg)}.sticky-note ul{list-style:none;margin:22px 0;padding:0;font:14px/2.6 var(--mono)}.sticky-note li:before{content:'✓';margin-right:9px;color:#707449}.scribble{font-family:Georgia,serif;font-style:italic;font-size:19px;line-height:1.5;display:block}.address-note{display:flex;gap:16px;margin-top:38px;font:12px/1.9 var(--mono);color:#596052}.address-note>span{font-size:30px;align-self:flex-start;margin-top:7px;color:var(--blue)}.memory-stamp{display:inline-block;border:2px solid #6f7b53;color:#6f7b53;padding:7px 12px;font:11px var(--mono);letter-spacing:1.2px;transform:rotate(-7deg);margin:22px 0 0 32px}.outro{text-align:center;padding-top:90px;padding-bottom:65px}.outro-face{font:54px var(--mono);display:block;color:var(--blue);margin-bottom:15px}.outro h2{font-size:47px}.outro p{font-size:15px;line-height:1.8;color:var(--muted);margin:25px 0}.outro-code{display:block;margin-top:22px;color:#82899b}.sources{padding-top:0;padding-bottom:40px}.sources details{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.sources summary{cursor:pointer;padding:17px 0;font:11px var(--mono);color:#657080;display:flex;justify-content:space-between;list-style:none}.sources summary::-webkit-details-marker{display:none}.source-content{font-size:12px;line-height:1.8;color:var(--muted);padding-bottom:20px}.source-content a{color:#344caf;text-underline-offset:3px}.credit-links{display:flex;gap:10px 20px;flex-wrap:wrap}.footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:10px;padding-bottom:40px}.footer .brand{font-size:21px}.footer .brand-icon{height:27px;width:28px;font-size:16px}.footer>span,.footer>a:last-child{font:10px var(--mono);color:var(--muted)}.taskbar{position:fixed;z-index:5;bottom:0;left:0;width:100%;height:39px;background:#dfe1db;border-top:2px solid #fff;box-shadow:0 -1px 0 #adb1b9;display:flex;align-items:center;gap:9px;padding:3px 6px;font:11px var(--mono)}.start-button{border:2px solid;border-color:#fff #747b82 #747b82 #fff;padding:2px 11px;font:bold 13px Arial;text-decoration:none;height:30px;display:flex;align-items:center;gap:8px}.start-button span{color:var(--blue);font-size:23px;line-height:1}.taskbar-tab{border:1px solid;border-color:#8a9099 #fff #fff #8a9099;padding:5px 15px;background:#f3f3ed;font-weight:bold}.taskbar-right{margin-left:auto;display:flex;gap:22px;align-items:center}.taskbar-status{color:#5d6658;font-size:10px}.taskbar-right time{padding:5px 12px;border:1px solid;border-color:#a1a5ab #fff #fff #a1a5ab}.skip{position:fixed;left:10px;top:-100px;z-index:30;padding:10px;background:#fff}.skip:focus{top:10px}dialog{padding:0;border:2px solid #d9dce4;max-width:min(900px,92vw);max-height:90dvh;box-shadow:10px 12px 0 #0003;color:var(--ink)}dialog::backdrop{background:#0a1432c9;backdrop-filter:blur(4px)}.modal-top{display:flex;align-items:center;justify-content:space-between;background:#dce0e7;padding:6px 10px;font:12px var(--mono)}.close-dialog:not(.button){background:#e4e6e6;color:#1c2743;border:1px solid #9aa1ad;font:20px Arial;min-width:32px;min-height:28px}.modal-top button:hover{background:#fff}#enlarged-image{max-height:70dvh;object-fit:contain;margin:auto;background:#000080}#image-caption{font:12px/1.6 var(--mono);padding:0 15px}.memory-dialog-body{text-align:center;padding:30px 45px 40px;background:var(--paper)}.memory-dialog-body h2{font-size:30px}.memory-dialog-body p{font-size:14px;margin:22px 0}.big-smile{font:50px var(--mono);color:var(--blue);display:block;margin-bottom:15px}body.modal-open{overflow:hidden}
@media(min-width:1450px){.hero{border-radius:2px}.hero-grid{gap:65px}}@media(max-width:1000px){.header,.section,.footer{padding-left:32px;padding-right:32px}.hero{padding-left:32px;padding-right:32px}.hero-grid{min-height:540px}.hero h1{font-size:66px}.hero-art{height:350px}.hero h1{letter-spacing:-3px}.hero-top{font-size:10px}nav{gap:17px;font-size:11px}.memory-strip{gap:18px;font-size:10px}.intro{gap:35px}.desktops{gap:35px}.story-layout{gap:35px}.notepad-body{padding:26px}.sticky-note{padding:30px 19px}.sticky-note ul{font-size:12px}.timeline{gap:30px 20px}.wide-content{grid-template-columns:1fr}.wide-content .image-button img{aspect-ratio:16/9}.wide-content h3{margin-top:10px}h2{font-size:37px}}
@media(max-width:700px){.header{height:auto;min-height:105px;flex-wrap:wrap;gap:14px;padding:18px 22px}.brand{font-size:25px}nav{width:100%;justify-content:space-between;gap:10px;font-size:10px}.nav-story{padding:0!important}.hero{padding:18px 22px 20px}.hero-top{font-size:8px;letter-spacing:.5px;gap:10px}.hero-grid{grid-template-columns:1fr;gap:0}.hero-copy{padding:35px 0 0}.hero h1{font-size:64px;letter-spacing:-3.7px}.hero .eyebrow{margin-bottom:23px;font-size:10px}.hero-desc{font-size:16px}.hero-small{font-size:9px}.hero-art{height:350px;margin:32px 5px 50px 0;max-width:480px;width:100%;justify-self:center}.xp-window{width:82%;top:7px}.error-window{width:68%;bottom:2px}.art-label{font-size:10px;bottom:-27px}.hero-bottom{flex-direction:column;gap:10px;font-size:8px;line-height:1.7}.memory-strip{gap:12px;justify-content:flex-start;overflow-x:auto;white-space:nowrap;padding:17px 22px;font-size:10px}.memory-strip b{font-size:12px}.header,.section,.footer{padding-left:22px;padding-right:22px}.section{padding-top:55px;padding-bottom:55px}.intro{grid-template-columns:1fr;gap:24px}h2{font-size:37px}.eyebrow{font-size:10px;margin-bottom:18px}.intro-text{font-size:16px}.section-heading{align-items:flex-start;flex-direction:column;gap:12px;padding-top:24px}.archive{padding-top:0}.timeline{grid-template-columns:1fr;gap:32px}.era,.era.wide{grid-column:auto}.era .image-button img{aspect-ratio:16/10}.era h3{font-size:23px;margin-top:20px}.era p{font-size:15px}.era.wide{padding-top:20px}.wide-content{grid-template-columns:1fr}.wide-content .image-button img{aspect-ratio:16/10}.wide-content>div{margin-top:1px}.wide-content .era-os{display:block;margin-top:0}.wide-content p{font-size:15px}.archive-note{font-size:10px}.desktops{grid-template-columns:1fr;gap:22px}.desktop-copy h2 br{display:none}.desktop-tabs{flex-direction:row;margin-bottom:15px}.desktop-tabs button{flex:1;flex-direction:column;font-size:12px;padding:10px 8px;gap:5px}.desktop-tabs button span{align-self:flex-start}.desktop-note{min-height:0}.desktop-window{transform:none}.story-heading h2{font-size:38px}.story-heading{margin-bottom:30px}.story-layout{grid-template-columns:1fr;gap:36px}.notepad-body{padding:23px 20px}.original-story{font-size:13px;line-height:2}.notepad h3{font-size:17px}.notepad-menu{font-size:9px}.file-label{font-size:9px}.notepad .window-status{font-size:8px}.memory-aside{max-width:330px;width:90%;margin:auto}.sticky-note ul{font-size:14px}.sticky-note{padding:30px}.address-note{margin-top:30px}.outro h2{font-size:38px}.outro p{font-size:14px}.footer{flex-wrap:wrap;gap:20px;padding-top:0;padding-bottom:30px}.footer>span{width:100%;order:3}.sources{padding-top:0;padding-bottom:35px}.sources summary{font-size:10px}.taskbar{gap:5px}.taskbar-tab{font-size:9px;padding:6px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.taskbar-status{display:none}.taskbar-right{gap:0}.taskbar-right time{padding:6px;font-size:10px}.start-button{font-size:12px;padding:2px 7px}.memory-dialog-body{padding:24px 23px 32px}.memory-dialog-body h2{font-size:25px}.memory-dialog-body .button{font-size:12px;gap:12px}}@media(max-width:380px){.hero h1{font-size:56px}.hero-art{height:300px}.titlebar{font-size:9px}.hero-top{font-size:7px}.hero h1 .cursor{font-size:50px}nav{font-size:9px}.taskbar-tab{max-width:175px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media(max-width:700px){.hero-copy,.hero-art{min-width:0}.hero h1{font-size:clamp(45px,13.8vw,64px);letter-spacing:-3px}.hero h1 .cursor{font-size:.65em}.hero-art{overflow:visible}}
.desktop-copy,.desktop-window{min-width:0}.desktop-tabs button{min-width:0}@media(max-width:380px){.desktop-tabs button{font-size:11px;padding:10px 6px}.desktop-copy h2{font-size:34px}}

/* Kaynaklar sayfanın en altında, isteğe bağlı açılır. */
.sources{padding-top:0;padding-bottom:28px}.sources summary{font-size:10px;color:#737980;padding:12px 0}.source-content{font-size:11px;color:#6b7178}.source-content a{color:inherit;text-decoration-color:#b0b4bb}.source-content a:hover{color:var(--blue)}

.original-story p{margin:0 0 1.2em}.original-story p:last-child{margin-bottom:0}