:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--card-primary-background: #ffd580;--card-primary-text: #333;--card-hover-shadow: rgba(0, 0, 0, .1)}body{margin:0;background-color:#f0f2f5;color:#333}.container{max-width:1600px;margin:80px auto;padding:0 24px}.main-content{display:grid;grid-template-columns:1fr 550px 1fr;gap:24px;align-items:start}.column{display:grid;grid-template-columns:1fr;gap:24px}@media (max-width: 1350px){.main-content{grid-template-columns:1fr minmax(0,550px)}.column-3{grid-column:1 / -1}}@media (max-width: 900px){.main-content{grid-template-columns:1fr}}.hero-section{display:flex;height:100vh;width:100%;background-color:#fff;position:relative}.hero-content{display:flex;justify-content:center;align-items:center;width:100%;height:100%;padding:0 24px;box-sizing:border-box}.hero-avatar{width:160px;height:160px;border-radius:50%;border:4px solid #ffd580;object-fit:cover;flex-shrink:0}.hero-title{font-size:4.2rem;font-weight:700;margin:0;padding-bottom:12px;border-bottom:4px solid #333;display:inline-block;line-height:1.1}.hero-subtitle{font-size:1.25rem;color:#666;margin-top:24px;margin-bottom:0}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%)}40%{transform:translate(-50%,-15px)}60%{transform:translate(-50%,-8px)}}.repo-card{display:block;background-color:#ffd580;color:#333;padding:20px;border-radius:12px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;height:100%;box-sizing:border-box}.repo-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.repo-name{margin:0 0 8px;font-size:1.1rem}.repo-description{margin:0 0 16px;font-size:.9rem;opacity:.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7rem}.repo-language{display:flex;align-items:center;font-size:.85rem}.language-color-dot{width:12px;height:12px;border-radius:50%;margin-right:8px}.info-card{background-color:var(--card-primary-background);padding:24px;border-radius:16px;text-decoration:none;color:var(--card-primary-text);transition:transform .2s ease,box-shadow .2s ease;overflow:hidden}.info-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px var(--card-hover-shadow)}.blog-card{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:24px}.blog-card .card-main-content{flex-shrink:0}.blog-card .card-image-wrapper{width:50%;max-width:200px;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden}.blog-card .card-image{width:100%;height:100%;object-fit:cover}.github-profile-card{display:flex;flex-direction:column}.github-profile-card .card-header{display:flex;align-items:center;justify-content:space-between;width:100%}.card-header{display:flex;align-items:center;gap:12px}.card-icon{background-color:#ffffff80;width:40px;height:40px;border-radius:8px;display:flex;justify-content:center;align-items:center}.card-title{margin:0;font-size:1.2rem;font-weight:600;color:#5865f2}.status{margin:12px 0 0;font-size:.9rem;opacity:.8;color:#6a737d}.github-profile-card .card-title-group{flex-grow:1;margin-left:12px}.card-title-group .card-title{font-size:1.2rem;margin:0}.card-title-group .card-subtitle{margin:0;font-size:.9rem;opacity:.7}.follow-button{background-color:#f6f8fa;color:#24292e;border:1px solid rgba(27,31,35,.15);padding:5px 16px;border-radius:6px;font-size:.9rem;font-weight:500;text-decoration:none;transition:background-color .2s ease}.follow-button:hover{background-color:#f3f4f6}.discord-card{background-color:#ffd580;padding:20px;border-radius:12px;box-shadow:0 4px 12px #0000000d;border-left:5px solid;transition:all .3s ease}.discord-card.status-online{border-left-color:#43b581}.discord-card.status-idle{border-left-color:#faa61a}.discord-card.status-dnd{border-left-color:#f04747}.discord-card.status-offline{border-left-color:#747f8d}.discord-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.discord-icon-wrapper{background-color:#ffffff80;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:12px;width:40px;height:40px;box-sizing:border-box}.discord-title-group{flex-grow:1}.discord-title{margin:0;font-size:1.2rem}.discord-username{margin:0;font-size:.9rem;opacity:.7}.follow-button-discord{background-color:#5865f2;color:#fff;padding:8px 16px;border-radius:6px;text-decoration:none;font-weight:500;transition:background-color .2s ease}.follow-button-discord:hover{background-color:#4752c4}.discord-status-wrapper{display:flex;align-items:center;gap:8px;margin-bottom:16px}.status-dot{width:12px;height:12px;border-radius:50%}.status-text{margin:0;font-weight:500;text-transform:capitalize}.activity-card{background-color:#0000000d;border-radius:8px;padding:12px}.activity-title{font-size:.75rem;font-weight:600;opacity:.6;margin:0 0 8px}.activity-details{display:flex;align-items:center;gap:12px}.activity-image{width:60px;height:60px;border-radius:8px;object-fit:cover}.activity-name{font-weight:600;margin:0}.activity-state{font-size:.85rem;margin:2px 0 0;opacity:.8}.discord-card-placeholder{display:flex;justify-content:center;align-items:center;height:150px;background-color:#f0e6d2;border-radius:12px}.osu-card-wrapper{position:relative;width:100%;aspect-ratio:550 / 320;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:transform .2s ease,box-shadow .2s ease;background-color:#1a1a1a}.osu-card-wrapper:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.osu-iframe,.osu-card-link-overlay{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.osu-iframe{display:block}.osu-card-link-overlay{z-index:1}.visitors-card{background-color:#ffd580;padding:20px;border-radius:12px;text-align:center;box-shadow:0 4px 12px #0000000d}.visitors-title{margin:0 0 16px;font-weight:600;color:#333;opacity:.8;font-size:1.1rem}.counter-display{display:flex;justify-content:center;gap:8px}.digit-box{background-color:#0000001a;color:#333;font-family:Courier New,Courier,monospace;font-size:1.8rem;font-weight:700;padding:4px 12px;border-radius:6px;min-width:20px;text-align:center}.clock-card{background-color:#e0e4e8;border-radius:12px;padding:24px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 12px #0000000d}.clock-icon{background-color:#ffffffb3;border-radius:50%;width:60px;height:60px;display:flex;justify-content:center;align-items:center}.datetime-display{color:#333}.date-string{margin:0;font-size:.9rem;opacity:.7;font-weight:500}.time-string{margin:4px 0 0;font-family:Courier New,Courier,monospace;font-size:2.5rem;font-weight:700;letter-spacing:2px}.clock-card-link{text-decoration:none;color:inherit;display:block}.slideshow-container{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #0000001f;background-color:#ddd}.slide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transition:opacity 1.5s ease-in-out;animation-name:ken-burns;animation-duration:30s;animation-timing-function:ease-out;animation-iteration-count:infinite}.slide:nth-child(odd){animation-name:ken-burns-alt}.slide.active{opacity:1}@keyframes ken-burns{0%{transform:scale(1) translate(0)}to{transform:scale(1.15) translate(-2%,2%)}}@keyframes ken-burns-alt{0%{transform:scale(1) translate(0)}to{transform:scale(1.15) translate(2%,-2%)}}.annict-card{background-color:#ffd580;padding:24px;border-radius:16px;color:#333}.annict-card .card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.annict-card .card-icon{background-color:#ffffff80;width:40px;height:40px;border-radius:8px;display:flex;justify-content:center;align-items:center}.annict-card .card-title{margin:0;font-size:1.2rem;font-weight:600}.anime-list{display:flex;flex-direction:column;gap:16px}.anime-item{display:flex;align-items:center;gap:16px;text-decoration:none;color:inherit;padding:8px;border-radius:8px;transition:background-color .2s ease}.anime-item:hover{background-color:#0000000d}.anime-image{width:60px;height:84px;border-radius:6px;object-fit:cover;flex-shrink:0}.anime-details{display:flex;flex-direction:column}.anime-title{margin:0;font-weight:600;font-size:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.anime-season{margin:4px 0 0;font-size:.85rem;opacity:.8;text-transform:capitalize}.loading-placeholder,.error-message{display:flex;justify-content:center;align-items:center;height:200px;opacity:.7}.anime-item-landscape{flex-direction:column;align-items:flex-start}.anime-item-landscape .anime-image{width:100%;height:auto;aspect-ratio:16 / 9;margin-bottom:12px}