:root{--nav-color: var(--pop-5);--rainbow-rotation: 0deg;--font-kaisei: "Kaisei Decol", serif;--font-klee: "Klee One", cursive}body{background:linear-gradient(180deg,#F0F0F0,#E0E8F0)}.container{max-width:1600px;margin:0 auto;padding:80px 5%}.profile-header{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:stretch;margin-bottom:80px}.profile-img-box{position:relative;height:100%}.profile-img{width:100%;height:100%;object-fit:cover;border:4px solid var(--c-text);box-shadow:20px 20px 0 var(--pop-5);transition:.5s;aspect-ratio:4/5}.profile-img:hover{transform:translate(-5px,-5px);box-shadow:25px 25px 0 var(--pop-1)}.profile-content{display:flex;flex-direction:column;justify-content:space-between}.profile-name h1{font-size:5rem;font-family:var(--font-en);line-height:.9;margin-bottom:20px}.profile-name-jp{font-size:1.2rem;font-weight:700;margin-bottom:10px;display:block}.profile-name span{font-size:1.5rem;font-weight:700;display:block;margin-bottom:10px;color:var(--pop-4)}.profile-details{background:var(--c-white);border:2px solid var(--c-text);padding:30px;font-size:1rem;line-height:2;margin-top:auto;box-shadow:10px 10px #0000001a}.profile-details h4{font-family:var(--font-en);margin-bottom:15px;border-bottom:2px solid var(--c-text);padding-bottom:5px;font-size:1.2rem}.badges{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.badge{background:var(--c-text);color:var(--c-white);padding:5px 15px;font-weight:700;font-family:var(--font-en);font-size:.9rem}.profile-bio-container{max-width:800px;margin:0 auto 100px;text-align:center}.profile-bio{font-family:var(--font-klee);font-size:1.4rem;line-height:1.3;font-weight:500;color:var(--c-text);white-space:pre-line;transform:rotate(-1deg);margin-top:30px;text-align:left}.works-history-section{margin-top:50px;padding-top:50px;border-top:4px solid var(--pop-2);box-shadow:0 -20px 0 var(--pop-2),0 -24px 0 var(--pop-4),0 -28px 0 var(--c-text);transform:none;width:100vw;margin-left:calc(50% - 50vw);overflow:hidden}.section-title{font-size:3rem;font-family:var(--font-en);margin-bottom:40px;background:var(--pop-2);display:inline-block;padding:5px 20px;border:4px solid var(--c-text);box-shadow:8px 8px 0 var(--c-text);transform:rotate(1deg);margin-left:5%}.kinetic-stream-wrapper{display:flex;width:100%;overflow:hidden;padding:20px 0 60px;background:var(--c-text);box-shadow:0 4px 0 var(--pop-2),4px -4px 0 var(--pop-4),8px -8px 0 var(--c-text);transform:rotate(-2deg);margin-bottom:50px;border-top:4px solid var(--pop-4);border-bottom:4px solid var(--pop-2)}.kinetic-track{display:flex;gap:20px;padding:0 20px;width:max-content}.kinetic-item{flex-shrink:0;position:relative;transition:transform .3s ease;cursor:pointer}.k-img-box{width:300px;height:300px;border:4px solid var(--c-white);overflow:hidden;position:relative;background:#333}.k-img{width:100%;height:100%;object-fit:cover;transition:.5s}.k-img-box:hover .k-img{transform:scale(1.1)}.k-img-box:hover:after{content:"";position:absolute;inset:0;border:4px solid var(--pop-2);z-index:10}.k-text-box{display:flex;align-items:center;justify-content:center;height:300px;padding:0 40px;background:var(--c-white);border:4px solid var(--pop-5);color:var(--c-text);font-family:var(--font-en);font-size:4rem;font-weight:900;line-height:.8;text-align:center;text-transform:uppercase}.k-circle{border-radius:50%;width:300px;height:300px}.k-tall{width:250px;height:300px}.k-wide{width:450px;height:300px}.history-section-grid{max-width:1200px;margin:0 auto;padding:0 5%;display:grid;grid-template-columns:1fr;gap:40px}.history-container{max-width:1000px;margin:0 0 100px;background:var(--c-white);border:4px solid var(--c-text);box-shadow:15px 15px 0 var(--pop-3);padding:50px;min-height:400px}.sub-title{font-family:var(--font-en);font-size:2.5rem;margin:60px 0 30px;color:var(--c-text);border-bottom:4px solid var(--pop-2);display:inline-block;padding-right:20px}.bio-list{list-style:none;border-left:4px solid var(--c-text);padding-left:30px;margin-bottom:50px}.bio-item{position:relative;margin-bottom:25px;line-height:1.6;display:flex;flex-direction:column;align-items:flex-start;padding-top:5px}.bio-item:before{content:"";position:absolute;left:-39px;top:5px;width:14px;height:14px;background:var(--pop-1);border:2px solid var(--c-text);border-radius:50%}.bio-year{font-family:var(--font-en);font-size:1.5rem;font-weight:700;color:var(--pop-4);margin-right:15px;line-height:1;margin-bottom:5px}.bio-desc{font-size:1.1rem;font-weight:500;line-height:1.2}.achieve-list{list-style:none;display:grid;gap:15px}.achieve-item{background:var(--c-white);border:3px solid var(--c-text);padding:20px;display:flex;align-items:center;gap:20px;transition:all .3s;box-shadow:6px 6px 0 var(--pop-5)}.achieve-item:hover{transform:translate(-4px,-4px);box-shadow:10px 10px 0 var(--pop-1);border-color:var(--pop-1)}.achieve-label{font-family:var(--font-en);font-size:1.4rem;font-weight:900;color:var(--c-text);background:var(--pop-2);padding:5px 10px;min-width:140px;text-align:center;border:2px solid var(--c-text);transform:rotate(-2deg)}.achieve-content{font-size:1.05rem;font-weight:500;line-height:1.6;flex:1;word-break:keep-all;overflow-wrap:break-word}.nowrap{display:inline-block;white-space:nowrap}.achieve-link{color:var(--pop-4);text-decoration:underline;font-weight:700;transition:.2s}.achieve-link:hover{background:var(--pop-4);color:#fff;text-decoration:none}.favorites-section{margin-top:100px;background:var(--c-white);border:4px solid var(--pop-4);box-shadow:10px 10px 0 var(--pop-2),14px 14px 0 var(--c-text);text-align:center;padding:50px 5%}.fav-container{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;max-width:1000px;margin:0 auto;background:#E0E8F0;padding:30px 10px;border-radius:10px}.fav-tag{font-family:var(--font-hand);font-weight:700;padding:10px 20px;border:2px solid var(--c-text);border-radius:20px;background:var(--c-white);color:var(--c-text);cursor:pointer;transition:.3s}.fav-tag:hover{transform:scale(1.2)!important;z-index:10;background:var(--pop-6);border-color:var(--c-text);box-shadow:5px 5px 0 var(--c-text)}.nav-hub-container{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:40px;margin-top:100px;padding:60px 20px;border-top:4px solid var(--c-text);background:var(--c-bg)}.hub-main{font-family:var(--font-en);font-size:5rem;font-weight:900;color:#ccc;text-decoration:none;position:relative;line-height:1;letter-spacing:.02em;margin-right:40px;pointer-events:none}.hub-link{font-family:var(--font-en);font-size:1.8rem;font-weight:900;color:var(--c-text);text-decoration:none;padding:5px 10px;transition:.3s}.hub-link:hover{color:var(--pop-1);transform:scale(1.1)}.poem-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);z-index:11000;display:none;justify-content:center;align-items:center;backdrop-filter:blur(5px)}.poem-card{background:var(--c-white);width:90%;max-width:600px;padding:50px 40px;border:4px solid var(--c-text);box-shadow:15px 15px 0 var(--pop-4);text-align:center;position:relative;transform:scale(.8);opacity:0}.poem-title{font-family:var(--font-jp);font-weight:900;font-size:1.8rem;margin-bottom:30px;border-bottom:4px solid var(--pop-2);display:inline-block;padding-bottom:5px;color:var(--c-text)}.poem-text{font-family:var(--font-klee);font-size:1.6rem;line-height:2;font-weight:600;white-space:pre-line;color:#333}.poem-note{font-size:.9rem;color:#888;margin-top:30px;font-weight:700;border-top:1px dashed #ccc;padding-top:10px;display:none}.poem-close{position:absolute;top:15px;right:15px;font-size:1.5rem;font-weight:700;cursor:pointer;width:40px;height:40px;line-height:40px;background:var(--c-text);color:var(--c-white);border-radius:50%;transition:.2s}.poem-close:hover{background:var(--pop-1);transform:rotate(90deg)}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:10400;visibility:hidden;opacity:0;transition:.3s;backdrop-filter:blur(2px)}.menu-overlay.is-active{visibility:visible;opacity:1}.hamburger-btn{position:fixed;top:30px;right:30px;z-index:11000;width:80px;height:80px;background:var(--c-text);border:4px solid var(--pop-2);border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;cursor:pointer;transition:background .3s;box-shadow:5px 5px #0003}.hamburger-btn:hover{background:var(--pop-1);border-color:var(--c-white)}.h-line{width:40px;height:5px;background:var(--c-white);transition:.3s;pointer-events:none;border-radius:4px}.pop-sidebar{position:fixed;top:0;right:0;width:500px;max-width:90vw;height:100vh;background:rgba(255,255,255,.95);border-left:8px solid var(--c-text);z-index:10500;transform:translate(120%) skew(-5deg);transform-origin:top right;box-shadow:-20px 0 50px #00000080;display:flex;flex-direction:column;justify-content:center;padding:40px;background-image:radial-gradient(var(--pop-5) 2px,transparent 2px);background-size:30px 30px}.menu-list{list-style:none;width:100%;text-align:right}.menu-item{margin:15px 0;perspective:1000px}.menu-link{display:inline-block;font-family:var(--font-en);font-size:4rem;font-weight:900;color:var(--c-text);text-decoration:none;line-height:1;text-transform:uppercase;position:relative;transition:.3s;padding:0 10px;background:transparent}.menu-link .menu-num{color:#0006}.menu-item:nth-child(1) .menu-link:hover{color:var(--pop-1);text-shadow:5px 5px 0px var(--c-text);transform:translate(-20px) scale(1.1);background:var(--c-white)}.menu-item:nth-child(2) .menu-link:hover{color:var(--pop-2);text-shadow:5px 5px 0px var(--c-text);transform:translate(-20px) scale(1.1);background:var(--c-white)}.menu-item:nth-child(3) .menu-link:hover{color:var(--pop-3);text-shadow:5px 5px 0px var(--c-text);transform:translate(-20px) scale(1.1);background:var(--c-white)}.menu-item:nth-child(4) .menu-link:hover{color:var(--pop-4);text-shadow:5px 5px 0px var(--c-text);transform:translate(-20px) scale(1.1);background:var(--c-white)}.menu-item:nth-child(5) .menu-link:hover{color:var(--pop-5);text-shadow:5px 5px 0px var(--c-text);transform:translate(-20px) scale(1.1);background:var(--c-white)}.menu-item:nth-child(6) .menu-link:hover{color:var(--pop-6);text-shadow:5px 5px 0px var(--c-text);transform:translate(-20px) scale(1.1);background:var(--c-white)}.menu-item:nth-child(7) .menu-link:hover{color:var(--pop-1);text-shadow:5px 5px 0px var(--c-text);transform:translate(-20px) scale(1.1);background:var(--c-white)}.menu-item:nth-child(8) .menu-link:hover{color:var(--pop-6);text-shadow:5px 5px 0px var(--c-text);transform:translate(-20px) scale(1.1);background:var(--c-text)}.menu-deco{position:absolute;bottom:20px;right:40px;font-family:var(--font-digi);font-size:1rem;color:var(--c-text);opacity:.5;text-align:right}.hamburger-btn.is-active{background:var(--c-white);border-color:var(--c-text);transform:rotate(0)!important}.hamburger-btn.is-active .h-line{background:var(--c-text)}.hamburger-btn.is-active .h-line:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.hamburger-btn.is-active .h-line:nth-child(2){opacity:0}.hamburger-btn.is-active .h-line:nth-child(3){transform:rotate(-45deg) translate(8px,-8px)}@media (min-width: 1025px){.history-section-grid{grid-template-columns:1fr 1.5fr;gap:50px;padding-left:0;padding-right:0}.history-container{margin-bottom:0}.achievements-container{display:block}}@media (max-width: 1024px){.profile-header{grid-template-columns:1fr;gap:30px}.profile-img{aspect-ratio:4/5;height:auto}.profile-name h1{font-size:3.5rem}.k-img-box,.k-text-box{width:200px;height:200px;font-size:2rem}.k-wide{width:300px;height:200px}.achieve-item{flex-direction:column;align-items:flex-start}.achieve-label{transform:rotate(0);margin-bottom:10px}.achieve-content{word-break:normal}.nowrap{white-space:normal;display:inline}.nav-hub-container{flex-direction:column;align-items:center;gap:20px;text-align:center}.hub-main{font-size:3.5rem;margin-right:0;margin-bottom:10px}}