:root{--background-color:#0d1323;--primary:#e7b12a;--secondary:#f5d161;--white:#e9eaec}*{margin:0;padding:0}body{background-color:var(--background-color);color:var(--white);margin:1%;padding:0;font-family:JetBrains Mono,monospace;font-size:14px}.title{color:var(--primary);text-align:center}.sub-title{color:var(--secondary);text-align:center}.startup-screen{place-items:center;min-height:96vh;display:grid}.startup-text{width:min(100%,42rem);color:var(--primary);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.startup-cursor{animation:1s steps(2,start) infinite startup-cursor-blink}@keyframes startup-cursor-blink{to{visibility:hidden}}.typewriter-character{opacity:0}.typewriter-character.is-visible{opacity:1}@media (prefers-reduced-motion:reduce){.typewriter-character{opacity:1;animation:none}}.close-btn{color:var(--primary);cursor:pointer;background-color:#0000;border:none;margin:auto;display:block}@media screen and (width<=1024px){.title{font-size:10px}.sub-title,body{font-size:12px}pre{text-wrap:initial}}@media screen and (width<=720px){.title{font-size:8px}.sub-title{font-size:10px}}@media screen and (width<=560px){.title{font-size:6px}.sub-title{font-size:8px}}@media screen and (width<=480px){.title{font-size:5px}.sub-title{font-size:7px}}.welcome-instruction{text-decoration:underline}.welcome-note{color:var(--secondary)}.helper-shell{z-index:20;align-items:flex-end;gap:1rem;display:flex;position:fixed;bottom:2rem;right:2rem}.helper-panel{transform-origin:100% 100%;background:#0d1323e6;border:1px solid #e9eaec59;max-width:min(26rem,72vw);padding:1rem 1rem .75rem;animation:.35s ease-out helper-panel-grow}.helper-message{color:var(--secondary);white-space:pre-wrap;min-height:2.5rem;line-height:1.5}.helper-cursor{color:var(--primary);animation:.9s step-end infinite helper-cursor-blink}@keyframes helper-cursor-blink{50%{opacity:0}}@keyframes helper-panel-grow{0%{opacity:0;transform:scale(.75)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.helper-actions{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.helper-action{color:var(--secondary);cursor:pointer;background:#e9eaec08;border:1px solid #e9eaec4d;padding:.45rem .7rem;transition:transform .2s,border-color .2s,color .2s}.helper-action:hover{color:var(--primary);border-color:#e7b12ad9;transform:translateY(-1px)}.helper-button{cursor:pointer;background:0 0;border:none;width:96px;height:96px;padding:0;animation:.35s ease-out helper-grow;display:block;position:relative}.helper-button img{object-fit:contain;width:100%;height:100%;display:block}.helper-button--ready{animation:2.5s ease-in-out infinite helper-float}.helper-button--active{animation:1.4s ease-in-out infinite helper-float}.helper-button--typing{animation:.45s ease-in-out infinite alternate helper-step}.helper-shell--typing{transform:translate(-18px)}@keyframes helper-grow{0%{opacity:0;transform:scale(.35)}to{opacity:1;transform:scale(1)}}@keyframes helper-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes helper-step{0%{transform:translate(0)translateY(0)}50%{transform:translate(-10px)translateY(-4px)}to{transform:translate(-18px)translateY(0)}}.prompt{width:100%;display:flex}.prompt-user{color:var(--primary)}.prompt-pwd{color:var(--secondary)}.prompt-input{color:#fff;background-color:#0000;border:none;font-family:JetBrains Mono,monospace}.prompt-input:focus{border:none;outline:none}.about-intro,.about-activity,.about-facts{border:solid 1px var(--white);text-align:justify;width:75%;margin:auto;padding:8px}.about-hobbies{justify-content:space-around;display:flex}.about-journey-yap{text-align:justify;width:50%;margin:auto;padding:8px}@media screen and (width<=640px){.about-hobbies{flex-direction:column;align-items:center;height:300px}.about-journey-yap{width:75%}}.project-ascii{max-width:100%;overflow-x:auto}.project-ascii pre{white-space:pre;width:max-content;margin-inline:auto}.project-screenshot{border:solid 2px var(--white);width:75%;max-width:720px;margin:auto;display:block}.project-description{text-align:justify;border:2px solid var(--white);width:50%;margin:auto;padding:8px}.project-button{color:var(--secondary);text-align:center;justify-content:center;text-decoration:none;display:flex}@media screen and (width<=640px){.project-description{width:75%;margin:auto}}.contribution-panel{background:#0003;border:1px solid #e9eaec40;width:min(92%,52rem);margin:0 auto 2rem;padding:1rem}.contribution-header,.contribution-summary,.contribution-footer{justify-content:space-between;align-items:center;gap:1rem;display:flex}.contribution-header{margin-bottom:.8rem}.contribution-header pre{color:var(--primary);font-size:.85rem}.contribution-header a,.contribution-summary button{color:var(--secondary);font:inherit;white-space:nowrap;background:0 0;border:0;font-size:.75rem;text-decoration:none}.contribution-header a:hover,.contribution-summary button:hover{color:var(--white);text-decoration:underline}.contribution-summary{min-height:1.5rem;color:var(--white);margin-bottom:.8rem;font-size:.8rem}.contribution-summary button{cursor:pointer}.contribution-scroll{padding:.25rem 0 .65rem;overflow-x:auto}.contribution-calendar{min-width:37rem}.contribution-months,.contribution-grid{grid-template-columns:repeat(53,minmax(0,1fr));column-gap:.2rem;display:grid}.contribution-months{color:#e9eaecb3;min-height:1.35rem;font-size:.68rem}.contribution-months span{white-space:nowrap}.contribution-chart-row{grid-template-columns:1.8rem minmax(0,1fr);gap:.35rem;display:grid}.contribution-weekdays,.contribution-week{grid-template-rows:repeat(7,1fr);row-gap:.2rem;display:grid}.contribution-weekdays{color:#e9eaeca6;font-size:.58rem}.contribution-weekdays span{align-self:center}.contribution-grid{min-height:5.5rem}.contribution-week{min-width:0}.contribution-cell,.contribution-footer i{aspect-ratio:1;background:#161b22;border-radius:2px;width:100%}.contribution-cell[data-level="1"],.contribution-footer i[data-level="1"]{background:#0e4429}.contribution-cell[data-level="2"],.contribution-footer i[data-level="2"]{background:#006d32}.contribution-cell[data-level="3"],.contribution-footer i[data-level="3"]{background:#26a641}.contribution-cell[data-level="4"],.contribution-footer i[data-level="4"]{background:#39d353}.contribution-cell.is-snake-body{background:var(--secondary);box-shadow:0 0 0 1px var(--background-color)}.contribution-cell.is-snake-head{background:var(--primary);box-shadow:0 0 5px var(--primary)}.contribution-footer{color:#e9eaeca6;margin-top:.65rem;font-size:.65rem}.contribution-footer span:first-child{align-items:center;gap:.25rem;display:flex}.contribution-footer i{width:.65rem;display:inline-block}@media (prefers-reduced-motion:reduce){.contribution-cell.is-snake-body,.contribution-cell.is-snake-head{box-shadow:none}}@media screen and (width<=560px){.contribution-panel{padding:.75rem .5rem}.contribution-header pre{font-size:.72rem}.contribution-footer{font-size:.58rem}}.fun-playlist{border:solid 1px var(--white);text-align:justify;width:75%;margin:auto;padding:8px}.fun-musics{grid-template-columns:auto auto auto;justify-content:space-around;display:grid}.fun-music{border:1px solid var(--white);flex-direction:column;justify-content:center;width:90%;max-width:360px;margin:8px;padding:12px;display:flex}.fun-music h3{text-align:center;margin-bottom:4px}.fun-music p{text-align:justify;margin-bottom:2px}.fun-music audio{margin:10px auto;display:block}@media screen and (width<=1280px){.fun-musics{grid-template-columns:auto auto}}@media screen and (width<=860px){.fun-musics{grid-template-columns:auto;justify-content:center;align-items:center}.fun-music{margin:auto auto 12px}}.social-card{flex-direction:column;align-items:center;gap:.75rem;margin-bottom:2rem;display:flex}.social-ascii{color:var(--white);white-space:pre;text-align:center;margin:0 auto;line-height:1.15}.social-link{color:var(--white);text-align:center;line-height:1.3;text-decoration:none}