:root{color-scheme:light dark}html,body,#root{height:100%}:root{--bg: #252525;--fg: #ffffff}body{background-color:var(--bg);color:var(--fg);font-family:Courier New,monospace;font-kerning:none;font-variant-ligatures:none;overflow:hidden;--wallpaper-url: url(/macos-wallpaper.svg);--overlay-inner: .15;--overlay-outer: .45;background-image:var(--wallpaper-url);background-size:cover;background-position:center;background-attachment:fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,rgba(0,0,0,var(--overlay-inner)),rgba(0,0,0,var(--overlay-outer)));mix-blend-mode:multiply}html,body{height:100%}html{overflow:hidden}#root{height:100vh;overflow:hidden}.mac-header{position:fixed;top:0;left:0;right:0;height:28px;-webkit-backdrop-filter:saturate(1.2) blur(8px);backdrop-filter:saturate(1.2) blur(8px);background:#00000040;border-bottom:1px solid rgba(255,255,255,.08);z-index:10}.mac-header__content{height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:#ffffffe6;font-size:12px}.mac-header__left{font-weight:600}.mac-header__center{flex:1;text-align:center;opacity:.8}.mac-header__right{font-variant-numeric:tabular-nums}.mac-status{display:flex;align-items:center;gap:10px}.mac-icon{display:inline-block;color:#ffffffe6}.mac-clock{opacity:.95}.window{max-width:960px;margin:52px auto 24px;border-radius:12px;overflow:hidden;box-shadow:0 20px 50px #00000059,0 2px 10px #0003;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff0a,#ffffff05);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);height:calc(100vh - 76px);display:flex;flex-direction:column}.window-header{display:flex;align-items:center;justify-content:center;position:relative;padding:10px 12px;background:#00000040;border-bottom:1px solid rgba(255,255,255,.08)}.window-controls{position:absolute;left:12px;display:flex;gap:8px}.window-controls .control{width:12px;height:12px;border-radius:50%;display:inline-block;border:1px solid rgba(0,0,0,.2)}.window-controls .close{background:#ff5f57}.window-controls .minimize{background:#febc2e}.window-controls .maximize{background:#28c840}.window-title{font-size:13px;opacity:.9}.window-body{padding:18px 18px 12px;background-color:var(--bg);flex:1 1 auto;overflow:hidden;display:flex;flex-direction:column}@keyframes typing{0%{width:0%}to{width:100%}}p{display:block;line-height:1.3em;margin:10px 0 0 15px;overflow:hidden;white-space:nowrap;animation:typing 1s steps(30,end)}.xx{font-size:30px;margin:0;white-space:pre;letter-spacing:0;font-family:Courier New,monospace}pre.xx{margin:0 0 0 15px;line-height:1.3em;white-space:pre;animation:none;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;letter-spacing:0;font-kerning:none;font-variant-ligatures:none;text-rendering:optimizeSpeed;overflow:visible}body::-webkit-scrollbar{display:none}body{-ms-overflow-style:none;scrollbar-width:none}textarea{border:none;color:var(--fg);resize:none;outline:none}#getter:before{content:var(--prompt, "guest@bhmohit.dev ~ %")}.resultText{margin-left:3rem;margin-top:10px;color:inherit;text-shadow:0 0 5px rgb(96,96,96)}.resultRow{display:inline-block}.resultRow .col1{display:inline-block;min-width:9ch;margin-right:2ch}.resultRow .col2{display:inline-block}textarea#setter{left:-1000px;position:absolute}.cursor{font-size:12px;color:#73abad;background-color:#73abad;position:relative;opacity:1;height:1.5em;width:10px;max-width:10px;transform:translateY(4px);overflow:hidden;text-indent:-5px;display:inline-block;text-decoration:blink;animation:blinker 1s linear infinite}@keyframes blinker{50%{opacity:0}}#terminal{margin:8px;cursor:text;height:auto;display:flex;flex-direction:column}#writer{font-family:cursor,courier;font-weight:700}#getter{margin:0 5px 5px;flex:0 0 auto}.text{margin-bottom:30px;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:6px}.snakeOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.snakeContainer{background:var(--bg);color:var(--fg);border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #0006;padding:12px;border-radius:8px}.snakeHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.snakeActions{display:flex;gap:6px}.snakeClose{background:transparent;color:var(--fg);border:1px solid rgba(255,255,255,.2);padding:2px 8px;border-radius:4px;cursor:pointer}.snakeHelp{margin-top:8px;font-size:12px;opacity:.8;text-align:center}.text p{white-space:normal!important;overflow-wrap:anywhere;animation:none}.text{overflow-x:hidden}.text .resultRow .col2{white-space:normal!important;overflow-wrap:anywhere}.blogOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.blogContainer{background:var(--bg);color:var(--fg);border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #0006;padding:12px;border-radius:8px;width:min(900px,calc(100vw - 32px));max-height:min(80vh,calc(100vh - 32px));display:flex;flex-direction:column}.blogContainer p{white-space:normal;animation:none;overflow:visible}.blogHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.blogActions{display:flex;gap:6px}.blogBtn{background:transparent;color:var(--fg);border:1px solid rgba(255,255,255,.2);padding:2px 8px;border-radius:4px;cursor:pointer}.blogBody{overflow-y:auto;overflow-x:hidden}.blogList{display:grid;gap:12px}.blogItem{border:1px solid rgba(255,255,255,.08);padding:10px;border-radius:6px;cursor:pointer}.blogItem:hover{background:#ffffff0a}.blogItemTitle{font-weight:700;margin-bottom:4px}.blogItemMeta{font-size:12px;opacity:.8;margin-bottom:8px}.blogItemSummary{opacity:.95}.blogPost h2{margin:0 0 8px}.blogContent{overflow-x:hidden;overflow-wrap:anywhere}.blogContent p{margin:0 0 10px}.blogCover{width:100%;height:auto;border-radius:6px;margin-bottom:10px;border:1px solid rgba(255,255,255,.08)}.blogLinks{display:flex;gap:12px;margin:6px 0 12px}.blogLinks a{color:var(--fg);text-decoration:underline}.blogListUL{margin:0 0 10px 18px}.blogImg{max-width:100%;height:auto;display:block}.blogCode{background:#00000059;padding:10px;border-radius:6px;overflow-y:auto;overflow-x:hidden;border:1px solid rgba(255,255,255,.08);white-space:pre-wrap}
