@import url(https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Fira+Code&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Fira Code',monospace;font-style:italic;background:#121212;color:#f0f0f0;min-height:100vh;padding:2rem;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;opacity:.75}.login-container{position:absolute;top:1rem;right:1rem}.login-button{background-color:#333;color:#f0f0f0;border:1px solid #555;padding:.5rem 1rem;border-radius:8px;font-family:'Fira Code',monospace;cursor:pointer;transition:background .3s ease}.login-button:hover{background-color:#444}.card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;max-width:700px;width:90vw;text-align:center;box-shadow:0 0 20px rgba(0,0,0,.3);margin-bottom:2rem}img{width:320px;height:320px;border-radius:5%;object-fit:cover;margin-bottom:1rem;border:3px solid #333;transform-style:preserve-3d;backface-visibility:hidden}#dphoto{width:160px;height:160px;border-radius:50%;object-fit:cover;margin-bottom:1rem;border:3px solid #333;animation:flipIn 1.5s ease forwards;transform-style:preserve-3d;backface-visibility:hidden}@keyframes flipIn{0%{transform:rotateY(90deg);opacity:0}100%{transform:rotateY(0);opacity:1}}h1{font-family:'DM Serif Display',serif;font-size:2rem;margin-bottom:1rem}.scroll-line{overflow-x:auto;white-space:normal;word-break:keep-all;font-size:1rem;margin:.4rem 0;padding-bottom:2px}.scroll-line::-webkit-scrollbar{height:4px}.scroll-line::-webkit-scrollbar-thumb{background:#666;border-radius:2px}.tags{margin-top:1rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.tag{background-color:#333;border-radius:12px;padding:.3rem .7rem;font-size:.9rem}a{display:inline-block;margin-top:1.2rem;color:#87ceeb;text-decoration:none;font-weight:700}a:hover{text-decoration:underline}.blog-list{max-width:700px;width:90vw;display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}.blog-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:1.2rem 1.5rem;box-shadow:0 0 10px rgba(0,0,0,.2);transition:background .3s ease}.blog-card:hover{background:rgba(255,255,255,.06)}.blog-title{font-family:'DM Serif Display',serif;font-size:1.5rem;margin-bottom:.8rem;color:#87ceeb;letter-spacing:.15em;text-decoration:wavy}.blog-content{font-size:1rem;line-height:1.5;white-space:pre-wrap;color:#ddd}@media (max-width:400px){h1{font-size:1.5rem}.blog-content,.scroll-line{font-size:.9rem}.blog-title{font-size:1.2rem}}.toast{position:fixed;top:20px;left:50%;transform:translateX(-50%);background-color:teal;color:#fff;padding:12px 36px;border-radius:30px;box-shadow:0 4px 8px rgba(0,0,0,.2);opacity:0;transition:opacity .3s ease;z-index:1000;text-transform:uppercase;font-weight:700;font-family:sans-serif;letter-spacing:1px;font-size:12px;cursor:pointer;white-space:nowrap}.toast.show{opacity:.6}[contenteditable]:empty::before{content:attr(data-placeholder);color:#999;pointer-events:none;display:block;user-select:none}.uppercase{text-transform:uppercase;letter-spacing:.15em;animation:trippyColorShift 5s linear infinite}.loading-spinner{border:4px solid #f3f3f3;border-top:4px solid #87ceeb;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:20px auto;display:block}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(-3px) rotate(.5deg)}50%{transform:translateX(3px) rotate(-.5deg)}75%{transform:translateX(-2px) rotate(.5deg)}100%{transform:translateX(0)}}@keyframes trippyColorShift{0%{color:#87ceeb;text-shadow:0 0 5px #87ceeb,0 0 10px #87ceeb}25%{color:#ff6ec4;text-shadow:0 0 10px #ff6ec4,0 0 20px #ff6ec4}50%{color:orange;text-shadow:0 0 10px orange,0 0 25px orange}75%{color:#0ff;text-shadow:0 0 10px #0ff,0 0 20px #0ff}100%{color:#87ceeb;text-shadow:0 0 5px #87ceeb,0 0 10px #87ceeb}}#bottomSearchContainer{position:fixed;bottom:-60px;left:50%;transform:translateX(-50%);background:#222;border-radius:30px;padding:.3rem 1rem;display:flex;align-items:center;width:90%;max-width:200px;box-shadow:0 8px 15px rgba(0,0,0,.3);transition:bottom .5s ease;z-index:1000}#bottomSearchContainer.show{bottom:20px}#bottomSearchContainer input[type=search]{flex:1 1 auto;min-width:0;border:none;outline:0;background:0 0;color:#fff;font-size:1rem;padding:.5rem .5rem .5rem 0;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}#bottomSearchContainer input[type=search]::placeholder{color:#bbb}#bottomSearchContainer .fa-search{color:#bbb;margin-left:.5rem;font-size:1.2rem;pointer-events:none;user-select:none}