.profile{color:#fff;display:flex;flex-direction:row;gap:2rem;justify-content:space-between;width:100%}@media screen and (max-width:700px){.profile{align-items:center;flex-direction:column}}.profile .top-card{background-image:linear-gradient(135deg,rgb(var(--color-back-secondary)) 0,rgb(var(--color-text)));border-radius:.5rem;color:rgb(var(--color-back));display:flex;flex-direction:column;gap:1rem;justify-content:space-between;position:relative;transition:all .2s;width:70%}@media (prefers-reduced-motion:reduce){.profile .top-card{transition:none}}@media (hover:hover){.profile .top-card:hover{scale:1.03}.profile .top-card:hover .more-detail-button{background-color:rgb(var(--color-back));color:rgb(var(--color-text))}}@media (hover:none){.profile .top-card:active{scale:1.03}.profile .top-card:active .more-detail-button{background-color:rgb(var(--color-back));color:rgb(var(--color-text))}}.profile .top-card h2{padding:0 0 1rem}@media screen and (max-width:700px){.profile .top-card{width:100%}}.profile .card-content{margin:3vh 3vh 5rem}.profile .card-content ul{line-height:1.5;margin:0}.profile .more-detail-button{align-items:center;border:1px solid rgb(var(--color-back));border-radius:1rem;bottom:1rem;cursor:pointer;display:flex;height:3rem;justify-content:center;position:absolute;right:1rem;transition:all .2s;width:10rem;color:rgb(var(--color-back))}@media (prefers-reduced-motion:reduce){.profile .more-detail-button{transition:none}}.profile .more-detail-button:hover{text-decoration:none}.profile .sns-links{display:flex;flex-direction:column;font-size:1rem;gap:1.5rem;justify-content:space-between;width:30%}@media screen and (max-width:700px){.profile .sns-links{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));width:100%}}.profile .sns-links a{border:2px solid rgb(var(--color-text));border-radius:.5rem;color:rgb(var(--color-text));padding:.6rem 1rem;transition:all .2s;display:flex;flex-wrap:wrap;font-weight:800;justify-content:space-between}@media (prefers-reduced-motion:reduce){.profile .sns-links a{transition:none}}.profile .sns-links a:hover{scale:1.05;text-decoration:none}.profile .sns-name{font-size:.5rem;font-weight:400;width:100%}.profile .sns-icon{height:24px;width:24px}.work-list .category-title{view-transition-name:work-category-name}.work-list .card-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.work-list .card-grid a{color:rgb(var(--color-text));text-decoration:none}.work-list .see-all-works{align-items:center;background-color:rgb(var(--color-back));border:2px solid rgb(var(--color-text));border-radius:.5rem;color:rgb(var(--color-text));display:flex;height:100%;justify-content:center;padding:1rem 0;transition:all .2s}@media (hover:hover){.work-list .see-all-works:hover{scale:1.05}}@media (hover:none){.work-list .see-all-works:active{scale:1.05}}@media (prefers-reduced-motion:reduce){.work-list .see-all-works{transition:none}}.article-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.latest-article-list .category-title{view-transition-name:article-category-name}.latest-article-list .see-all-articles{align-items:center;background-color:rgb(var(--color-back));border:2px solid rgb(var(--color-text));border-radius:.5rem;color:rgb(var(--color-text));display:grid;grid-row:span 2;height:100%;justify-content:center;padding:1rem 0;transition:all .2s}@media (hover:hover){.latest-article-list .see-all-articles:hover{scale:1.05}}@media (hover:none){.latest-article-list .see-all-articles:active{scale:1.05}}@media (prefers-reduced-motion:reduce){.latest-article-list .see-all-articles{transition:none}}.year-section[data-v-975bf218]{margin:0 auto}.year-container[data-v-975bf218]{align-items:center;display:flex;height:3.75rem;width:100%}.year-text[data-v-975bf218]{color:#4a4a4a;font-size:1.5rem;font-weight:700;min-width:6rem;text-align:right;transition:color .3s ease;width:20%}@media (prefers-reduced-motion:reduce){.year-text[data-v-975bf218]{transition:none}}.indicator[data-v-975bf218]{align-items:center;background-color:rgb(var(--color-back));display:flex;justify-content:center;min-width:4rem;padding:4px 0;width:10%;z-index:10}.indicator-dot[data-v-975bf218]{border-radius:9999px;height:.75rem;outline-color:rgb(var(--color-link));outline-offset:-2px;outline-style:solid;width:.75rem}.post-count[data-v-975bf218]{color:rgb(var(--color-text));text-align:left;transition:color .3s ease;width:min(30rem,70%)}@media (prefers-reduced-motion:reduce){.post-count[data-v-975bf218]{transition:none}}.post-item[data-v-975bf218]{border-radius:.5rem;color:inherit;display:block;height:3.5rem;position:relative;text-decoration:none;transition:all .2s;width:100%}@media screen and (min-width:500px){.post-item[data-v-975bf218]{height:2.5rem}}@media (prefers-reduced-motion:reduce){.post-item[data-v-975bf218]{transition:none}}.post-container[data-v-975bf218]{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:flex-start}.post-container.no-link[data-v-975bf218]{cursor:default;text-decoration:none}.term-text[data-v-975bf218]{color:rgb(var(--color-text));font-size:.875rem;line-height:.875rem;min-width:6rem;text-align:right;transition:color .2s ease;width:20%}@media (prefers-reduced-motion:reduce){.term-text[data-v-975bf218]{transition:none}}.dash-line-container[data-v-975bf218]{align-items:center;display:flex;height:100%;min-width:4rem;position:relative;width:10%}.dash-line-container[data-v-975bf218]:before{border-color:rgb(var(--color-text-tertiary));border-style:dashed;border-width:0 0 0 2px;content:"";height:100%;left:calc(50% - 1px);pointer-events:none;position:absolute;top:-50%;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:10%}@media (prefers-reduced-motion:reduce){.dash-line-container[data-v-975bf218]:before{transition:none}}.dash-line[data-v-975bf218]{background-color:rgb(var(--color-text-secondary));border-radius:4px;height:4px;margin:0 auto;outline-color:rgb(var(--color-back));outline-style:solid;outline-width:4px;transition:all .2s ease;width:4px;z-index:10}@media (prefers-reduced-motion:reduce){.dash-line[data-v-975bf218]{transition:none}}.title-text[data-v-975bf218]{color:rgb(var(--color-text));font-size:.7rem;font-weight:700;line-height:.7rem;text-align:left;transition:all .2s ease;width:min(30rem,70%)}@media screen and (min-width:360px){.title-text[data-v-975bf218]{font-size:1rem;line-height:1rem}}@media (prefers-reduced-motion:reduce){.title-text[data-v-975bf218]{transition:none}}.src-text[data-v-975bf218]{color:rgb(var(--color-text-secondary));text-align:end;width:calc(100% - 40rem)}.post-item[href^=http]:hover .title-text[data-v-975bf218]{color:rgb(var(--color-link));transform:translate(4px)}.post-item[href^=http]:hover .dash-line[data-v-975bf218]{background-color:rgb(var(--color-link));height:20px}.post-item[href^=http]:hover .post-count[data-v-975bf218],.post-item[href^=http]:hover .src-text[data-v-975bf218],.post-item[href^=http]:hover .term-text[data-v-975bf218]{color:rgb(var(--color-link))}.musics{display:flex;flex-wrap:wrap;gap:1rem}.musics .track{align-items:flex-start;border-radius:1rem;display:flex;flex-grow:1;gap:.5rem;transition:all .5s;width:max(30%,300px)}.musics .track .thumbnail{aspect-ratio:1/1;border-radius:1rem;flex-grow:1;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:min(150px,50%)}@media (hover:hover){.musics .track:hover .preview-button{opacity:1}}@media (hover:none){.musics .track:active .preview-button{opacity:1}}@media (prefers-reduced-motion:reduce){.musics .track{transition:none}}.musics .track .track-preview{cursor:pointer}.musics .track .detail{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;width:min(150px,50%)}.musics .track .detail .info{max-height:80%;overflow:hidden}.musics .track .detail .info .name{cursor:pointer;display:-webkit-box;font-size:1.2rem;font-weight:800;line-height:1.5rem;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.musics .track .detail .info .sub-info{font-size:.7rem;line-height:.7rem;padding-top:.3rem}.musics .track .detail .info .sub-info .artists{display:-webkit-box;margin-bottom:.5rem;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}