:root{--gray:silver;--navy:navy;--mono:"Courier New", Courier, monospace;--taskbar:32px}*{box-sizing:border-box}body{color:#000;background:teal repeating-conic-gradient(#007878 0 25%, transparent 0 50%) 0 0 / 4px 4px;min-height:100dvh;margin:0;font:12px/1.5 MS Sans Serif,Tahoma,Verdana,sans-serif;overflow:hidden}a{color:#00f}a:visited{color:purple}a:hover{color:red}:focus-visible{outline-offset:1px;outline:1px dotted #000}p{margin:0 0 .8em}button,input{font:inherit;color:inherit}.desktop{gap:14px;display:grid;position:fixed;top:10px;left:8px}.desk-icon{color:#fff;text-align:center;cursor:pointer;background:0 0;border:0;justify-items:center;gap:4px;width:78px;padding:2px;display:grid}.desk-icon span{border:1px dotted #0000;padding:0 2px}.desk-icon:is(:hover,:focus-visible){outline:0}.desk-icon:is(:hover,:focus-visible) span{background:var(--navy);border-color:#fff}.win{background:var(--gray);border:2px outset #fff;padding:2px}.bar{color:#fff;background:linear-gradient(90deg,navy,#1084d0);align-items:center;gap:5px;margin:0;padding:3px 4px 3px 6px;font:700 12px Tahoma,sans-serif;display:flex}.bar span:first-child{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.bar i,.bar button{background:var(--gray);color:#000;border:1px outset #fff;place-items:center;width:16px;height:14px;padding:0;font:700 9px/1 Tahoma,sans-serif;display:grid}.well{font:13px/1.5 var(--mono);background:#fff;border:2px inset #fff;margin:6px;padding:8px 10px}.btn{background:var(--gray);cursor:pointer;border:2px outset #fff;min-width:75px;padding:3px 10px}.btn:active{border-style:inset}.btn:disabled{color:gray;cursor:default}.home-body{flex-direction:column;flex:1;min-height:0;display:flex;container:page/inline-size}#nav{border-bottom:2px groove #fff;flex-wrap:wrap;gap:2px;padding:2px 4px;display:flex}#nav a,#nav button{color:#000;cursor:pointer;background:0 0;border:0;padding:2px 8px;text-decoration:none}#nav a:first-letter{text-decoration:underline}.nav-right{gap:2px;margin-left:auto;display:flex}#nav :is(a,button):is(:hover,:focus-visible){background:var(--navy);color:#fff;outline:0}#cols{flex:1;gap:8px;min-height:0;padding:6px;display:flex;overflow:auto}aside{flex:0 0 150px}main{flex:1;min-width:0}.box{margin-bottom:8px}aside .well{background:var(--gray);border:0;margin:4px;padding:2px}aside ul{margin:0;padding:0;list-style:none}aside li a{color:#000;padding:1px 4px;text-decoration:none;display:block}aside li a:hover,aside li a:focus-visible{background:var(--navy);color:#fff;outline:0}pre{font:inherit;color:green;white-space:pre-wrap;margin:0}table{border-collapse:collapse;width:100%}td{text-align:left;vertical-align:top;padding:2px 16px 2px 0}td:first-child{white-space:nowrap}td:last-child{padding-right:0}#projeler td:last-child{text-align:right;color:gray}time{color:gray}#status{gap:2px;padding:2px;display:flex}#status span{white-space:nowrap;border:1px inset #fff;padding:1px 6px}#status span:first-child{flex:1}.post{resize:both;flex-direction:column;width:500px;min-width:260px;max-width:calc(100vw - 16px);height:min(70vh,640px);min-height:160px;display:flex;position:fixed;overflow:hidden;box-shadow:4px 4px #0006;container-type:inline-size}.post.wide{width:900px}.post.home{width:820px;height:calc(100dvh - 32px - var(--taskbar))}.post.min{display:none}.post:focus{outline:0}.post .bar{touch-action:none;-webkit-user-select:none;user-select:none}.post.max{max-width:none;box-shadow:none;resize:none;inset:0 0 var(--taskbar) 0!important;width:auto!important;height:auto!important}.menubar{gap:4px;padding:1px 4px;display:flex}.menubar button{cursor:pointer;background:0 0;border:0;padding:1px 6px}.menubar button:is(:hover,:focus-visible){background:var(--navy);color:#fff;outline:0}.post-page{background:#fff;border:2px inset #fff;flex:1;min-height:0;margin:2px;overflow:auto;container-type:inline-size}.post-loading{font:13px var(--mono);color:gray;padding:8px 10px}.dir{flex-direction:column;flex:1;min-height:0;display:flex}.addr{align-items:center;gap:6px;padding:3px 6px;display:flex}.addr span{font:13px var(--mono);background:#fff;border:2px inset #fff;flex:1;align-items:center;gap:5px;padding:2px 6px;display:flex}.dir-body{background:#fff;border:2px inset #fff;flex:1;min-height:0;margin:2px;overflow:auto;container-type:inline-size}.dir-status{padding:2px;display:flex}.dir-status span{border:1px inset #fff;flex:1;padding:1px 6px}.details{font:13px/1.5 var(--mono)}.details th{background:var(--gray);text-align:left;border:2px outset #fff;padding:2px 8px;font:12px MS Sans Serif,Tahoma,sans-serif;position:sticky;top:0}.details td{padding:3px 8px}.details small{color:gray;display:block}.details tbody tr:hover{background:#eef}.details a,.box td a,aside li a{align-items:center;gap:5px;display:inline-flex}.details svg,.tile svg,.proj svg,.addr svg,aside svg,.box td svg{flex:none}.tiles{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:4px;padding:8px;display:grid}.tile{color:#000;border:1px dotted #0000;gap:10px;padding:8px;text-decoration:none;display:flex}.tile span{gap:2px;min-width:0;display:grid}.tile small{color:gray;font:12px var(--mono)}.tile:is(:hover,:focus-visible){background:var(--navy);color:#fff;border-color:#fff;outline:0}.tile:is(:hover,:focus-visible) small{color:silver}.more{text-align:right;margin-top:6px;display:block}.proj{max-width:892px;margin:0 auto;padding:16px 16px 0}.proj-top{align-items:center;gap:14px;margin-bottom:12px;display:flex}.proj h1{color:var(--navy);margin:0;font:700 26px/1.2 Tahoma,Verdana,sans-serif}.proj p{margin:2px 0 0;font:13px/1.5 Verdana,Tahoma,sans-serif}.proj fieldset{background:var(--gray);border:2px groove #fff;margin:0;padding:6px 12px 10px}.proj legend{padding:0 4px}.proj dl{grid-template-columns:max-content 1fr;gap:3px 14px;margin:0;display:grid}.proj dd{overflow-wrap:anywhere;min-width:0;font-family:var(--mono);margin:0}.proj+.md{padding-top:14px}.editor{flex-direction:column;flex:1;gap:4px;min-height:0;padding:4px;display:flex}.editor-row{flex-wrap:wrap;align-items:center;gap:4px 10px;display:flex}.editor-row label{align-items:center;gap:4px;display:flex}.editor-row .grow{flex:1;min-width:200px}.editor-row .grow input{flex:1;min-width:0}.editor :is(input,select){font:inherit;background:#fff;border:2px inset #fff;padding:2px 4px}.editor input:disabled{background:var(--gray)}.editor .btn{min-width:0;padding:2px 8px}.editor-status{text-align:right;flex:1}.editor-split{flex:1;grid-template-columns:1fr 1fr;gap:4px;min-height:0;display:grid}.editor-split>*{min-height:0;margin:0}.editor textarea{resize:none;width:100%;height:100%;font:13px/1.5 var(--mono);background:#fff;border:2px inset #fff;padding:8px}.term{color:var(--gray);font:13px/1.4 var(--mono);background:#000;border:2px inset #fff;margin:2px;padding:6px 8px}.term-out{white-space:pre-wrap;height:8.4em;overflow:auto}.term label{gap:0;display:flex}.term input{min-width:0;caret-color:var(--gray);background:0 0;border:0;outline:0;flex:1;padding:0}.term:focus-within{box-shadow:0 0 0 1px #000}.login{width:360px;max-width:calc(100% - 20px);box-shadow:4px 4px #0006}.login::backdrop{background:#0005}.login form{grid-template-columns:auto 1fr;gap:10px 12px;padding:12px;display:grid}.login-icon{font-size:32px;line-height:1}.login label{grid-template-columns:90px 1fr;align-items:center;margin-bottom:6px;display:grid}.login input{background:#fff;border:2px inset #fff;min-width:0;padding:2px 4px}.login-msg{color:#a00;min-height:1.5em;margin:0}.login-actions{grid-column:1/-1;justify-content:flex-end;gap:6px;display:flex}.taskbar{z-index:100000;height:var(--taskbar);background:var(--gray);border-top:2px outset #fff;align-items:center;gap:4px;padding:2px 3px;display:flex;position:fixed;bottom:0;left:0;right:0}.taskbar button{background:var(--gray);cursor:pointer;border:2px outset #fff;align-items:center;gap:4px;height:24px;padding:0 6px;display:flex}.taskbar button.on{background:repeating-conic-gradient(#fff 0 25%, var(--gray) 0 50%) 0 0 / 2px 2px;border-style:inset}.taskbar button:focus-visible{outline-offset:-4px;outline:1px dotted #000}.start{flex:none;font-weight:700}.tasks{flex:1;gap:3px;min-width:0;display:flex;overflow:hidden}.task{flex:0 170px;min-width:32px}.task.on{font-weight:700}.task span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tray{border:1px inset #fff;flex:none;align-items:center;height:24px;padding:0 10px;display:flex}.start-menu{left:2px;bottom:calc(var(--taskbar) - 2px);z-index:100001;background:var(--gray);border:2px outset #fff;display:flex;position:fixed;box-shadow:2px 2px #0006}.start-side{writing-mode:vertical-rl;color:#fff;letter-spacing:1px;background:linear-gradient(#1084d0,navy);padding:8px 4px;font:700 18px/1 Tahoma,sans-serif;transform:rotate(180deg)}.start-menu ul{min-width:200px;margin:0;padding:2px;list-style:none}.start-menu button{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:4px 20px 4px 6px;display:flex}.start-menu button:is(:hover,:focus-visible){background:var(--navy);color:#fff;outline:0}.start-menu hr{border:0;border-top:2px groove #fff;margin:3px 2px}@container page (width<=620px){#cols{flex-direction:column-reverse}aside{flex:none}.box tr{padding:5px 0;display:block}.box tr+tr{border-top:1px dotted silver}.box td{white-space:normal;padding:0;display:block}#projeler td:last-child{text-align:left}}@container page (width>=1000px){main{grid-template-columns:1fr 1fr;align-content:start;align-items:start;gap:0 8px;display:grid}main>:is(:first-child,#komut){grid-column:1/-1}}@container (width<=520px){.details{padding:2px 8px;display:block}.details :is(thead){display:none}.details :is(tbody,tr,td){display:block}.details tr{padding:5px 0}.details tr+tr{border-top:1px dotted silver}.details td{padding:0}.proj{padding:12px 10px 0}.proj-top{align-items:flex-start}.proj h1{font-size:22px}}@container (width<=620px){.editor{overflow:auto}.editor-row label{flex:100%}.editor-row label :is(input,select){flex:1;min-width:0}.editor-status{text-align:left;flex-basis:100%}.editor-split{flex:none;grid-template-rows:55dvh 70dvh;grid-template-columns:1fr}}@media (width<=620px){.post,.post.wide,.post.home{max-width:none;box-shadow:none;resize:none;inset:0 0 var(--taskbar) 0!important;width:auto!important;height:auto!important}.desktop{display:none}.task{flex-basis:40px}.task span{display:none}}
