*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden;background-color:var(--bg);transition:background-color .3s ease;scroll-behavior:smooth}body{font-family:Poppins,sans-serif;background-color:var(--bg);color:var(--text-primary);margin:0;padding:0;transition:background-color .3s ease,color .3s ease}:root{--bg: #ffffff;--text-primary: #000000;--text-muted: rgba(0, 0, 0, .75);--glass-bg: rgba(0, 0, 0, .08);--glass-border: rgba(0, 0, 0, .18);--glass-hover: rgba(0, 0, 0, .12);--nav-active-bg: rgba(0, 0, 0, .12);--nav-active-border: rgba(0, 0, 0, .18);--shadow-color: rgba(0, 0, 0, .15);--font-p-clamp: clamp(.9rem, .9rem + .2vw, 1rem);--font-h1-clamp: clamp(1.8rem, 1.2rem + 2.2vw, 2.7rem);--font-h2-clamp: clamp(1.4rem, 1.2rem + .7vw, 1.8rem);--font-h3-clamp: clamp(1.2rem, 1.1rem + .4vw, 1.5rem);--font-h4-clamp: clamp(1rem, .9rem + .25vw, 1.2rem);--font-tag-clamp: clamp(.7rem, .65rem + .12vw, .8rem);--font-date-clamp: clamp(.75rem, .7rem + .12vw, .85rem)}html[theme=dark],body[theme=dark]{--bg: #000000;--text-primary: #ffffff;--text-muted: rgba(255, 255, 255, .85);--glass-bg: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .18);--glass-hover: rgba(255, 255, 255, .12);--nav-active-bg: rgba(255, 255, 255, .12);--nav-active-border: rgba(255, 255, 255, .18);--shadow-color: rgba(255, 255, 255, .15)}main{display:flex;flex-direction:column;justify-content:center;margin:clamp(.7rem,2vw,1.5rem) clamp(.5rem,3vw,3rem)}h1{font-size:clamp(2rem,1.4rem + 2.5vw,3rem);font-weight:700;color:var(--text-primary)}h2{font-size:clamp(1.6rem,1.4rem + .8vw,2rem);font-weight:700;color:var(--text-primary)}h3{font-size:clamp(1.4rem,1.2rem + .5vw,1.8rem);font-weight:700;color:var(--text-primary)}p{font-size:clamp(1rem,.8rem + .2vw,1.1rem);color:var(--text-muted)}.container{height:100vh;width:100%;position:relative}.back-button{top:clamp(3.8rem,5.1vw,4.6rem);left:clamp(.5rem,1vw,3rem)}.back-to-top{bottom:clamp(.5rem,1vw,1rem);right:clamp(.5rem,1vw,3rem)}.back-to-top.hide{opacity:0;pointer-events:none;transform:translateY(15px) scale(.9)}.back-to-top.show{opacity:1;transform:translateY(0) scale(1)}.button{position:fixed;width:clamp(40px,6vw,60px);height:clamp(40px,6vw,60px);background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:50%;text-decoration:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;display:flex;align-items:center;justify-content:center;z-index:1000;box-shadow:0 4px 16px #00000026;font-size:clamp(1rem,1.5vw,1.4rem)}.button:hover{background:var(--glass-hover);border-color:var(--glass-border);transform:translate(-5px) scale(1.05);box-shadow:0 6px 20px #00000040}.text-overlay{top:clamp(15%,5vh,25%);left:clamp(.5rem,4vw,3rem);right:clamp(.5rem,4vw,3rem);max-width:none;min-width:unset;padding:clamp(1rem,3vw,2rem);transform:none}.room,.me{transform:translate(0);left:0}@media(max-width:880px){.back-button{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}nav{position:sticky;top:0;left:0;width:100%;padding:clamp(.1rem,.5vw,.5rem) clamp(.1rem,2vw,1rem);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center;z-index:1000;transition:all .3s ease}nav a{color:var(--text-primary);text-decoration:none;transition:color .3s ease}.nav-name{display:flex;align-items:center;gap:clamp(.2rem,1vw,.5rem)}.nav-name a{font-size:clamp(1.4rem,1.2rem + 1vw,1.8rem);font-weight:700}.nav-menu{display:flex;list-style:none;margin:0;padding:0;gap:clamp(.2rem,1.5vw,.8rem);flex-wrap:wrap;justify-content:center}.nav-menu li{margin:0}.nav-menu a{padding:clamp(.1rem,.3vw,.3rem) clamp(.2rem,1vw,.8rem);border-radius:8px;font-size:clamp(1rem,.8rem + .5vw,1.2rem);transition:all .3s ease;white-space:nowrap}.nav-menu a:hover,.nav-menu a.active{background:var(--nav-active-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--nav-active-border)}.theme-toggle{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:50%;width:clamp(20px,4vw,28px);height:clamp(20px,4vw,28px);display:flex;align-items:center;justify-content:center;color:var(--text-primary);cursor:pointer;font-size:clamp(.6rem,1vw,.8rem);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease}.theme-toggle:hover{background:var(--glass-hover);transform:scale(1.1)}@media(max-width:480px){nav{flex-direction:column;gap:clamp(0rem,1vw,.3rem)}.nav-menu{width:100%;margin-bottom:clamp(.1rem,.5vw,.3rem)}}