:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#121212;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:clamp(14px,1.6vw,16px)}.light-mode{background-color:#fff;color:#000}.dark-mode{background-color:#fff;color:#fff}img,video,canvas,svg{max-width:100%;height:auto}*{-webkit-tap-highlight-color:rgba(0,0,0,0)}html,body{overflow-x:hidden;overscroll-behavior-y:none;overscroll-behavior-x:none}.about-content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;color:#e0e0e0}.about-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 30px #0000001a}.skills-card{grid-column:span 2}@media (max-width: 980px){.skills-card{grid-column:span 1}}.card-title{font-size:1.5rem;font-weight:500;margin-top:0;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.2);color:#fff}.card-content{font-size:1rem}.intro-item{display:flex;justify-content:space-between;margin:.5rem 0}.intro-label{color:#aaa}.timeline{list-style:none;padding:0;margin:0}.timeline-item{position:relative;padding:.5rem 0 .5rem 1.5rem;border-left:2px solid rgba(255,255,255,.2)}.timeline-item:before{content:"";position:absolute;left:-7px;top:14px;width:10px;height:10px;background-color:#fff;border-radius:50%}.timeline-year{display:block;font-size:.9rem;color:#aaa;margin-bottom:.25rem}.skills-container{display:flex;gap:2rem}@media (max-width: 600px){.skills-container{flex-direction:column}}.skill-category{flex:1}.skill-category h3{font-size:1.1rem;color:#ccc;margin-bottom:1rem}.skill-tags{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{background-color:#ffffff1a;padding:.4rem .8rem;border-radius:6px;font-size:.9rem}@media (max-width: 1024px){.about-content-grid{gap:1.5rem}.about-card{padding:1.5rem}.card-title{font-size:1.35rem;margin-bottom:1.25rem}.card-content{font-size:.95rem}.skills-container{gap:1.5rem}}@media (max-width: 768px){.about-content-grid{grid-template-columns:1fr;gap:1rem}.about-card{padding:1.25rem}.card-title{font-size:1.25rem;margin-bottom:1rem}.card-content{font-size:.95rem}.intro-item{flex-direction:column;align-items:flex-start;gap:.25rem}.skills-container{gap:1rem}.skill-tag{font-size:.85rem;padding:.35rem .7rem}}.about-section-container{width:100%;max-width:1200px;margin:40px auto;padding:0;box-sizing:border-box}@media (max-width: 1024px){.about-section-container{max-width:1000px;margin:32px auto;padding:0 16px}}@media (max-width: 768px){.about-section-container{margin:24px auto;padding:0 12px}}.HeaderPlayer{display:inline-flex;align-items:center;gap:12px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s ease;flex-shrink:0}.HeaderPlayer:hover{background-color:#ffffff1a}.HeaderPlayer_Visualizer{display:flex;align-items:flex-end;height:24px;gap:2px;flex-shrink:0}.HeaderPlayer_Visualizer_Bar{width:3px;height:100%;border-radius:2px;transform:scaleY(.1);transition:transform .1s ease-out;background:linear-gradient(to top,#8c5313,#d8a10f 70%,#eacda3)}.HeaderPlayer_Visualizer.playing .HeaderPlayer_Visualizer_Bar{animation:wave 1.2s infinite ease-in-out}@keyframes wave{0%,to{transform:scaleY(.1)}50%{transform:scaleY(1)}}.HeaderPlayer_Visualizer.playing .HeaderPlayer_Visualizer_Bar:nth-child(2n){animation-delay:-.6s}.HeaderPlayer_Visualizer.playing .HeaderPlayer_Visualizer_Bar:nth-child(3n){animation-delay:-.4s}.HeaderPlayer_Visualizer.playing .HeaderPlayer_Visualizer_Bar:nth-child(4n){animation-delay:-.2s}.HeaderPlayer_TrackTitle{color:#fff;font-size:15px;font-weight:600;letter-spacing:.5px;text-shadow:0 1px 3px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}@media (max-width: 1024px){.HeaderPlayer{gap:10px;padding:4px 6px}.HeaderPlayer_Visualizer{height:20px}.HeaderPlayer_TrackTitle{font-size:14px;max-width:160px}}@media (max-width: 768px){.HeaderPlayer{gap:8px}.HeaderPlayer_Visualizer{height:16px}.HeaderPlayer_Visualizer_Bar{width:2px}.HeaderPlayer_TrackTitle{font-size:13px;max-width:min(50vw,160px)}}@media (max-width: 400px){.HeaderPlayer_TrackTitle{max-width:44vw}}.Header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to bottom,#00000080,#0000);color:#fff;padding:16px}.Header_Left{text-align:left;font-family:Noto Sans JP,sans-serif;font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:24px}.Header_Left a{color:#fff;margin-left:30px;text-decoration:none;transition:color .3s ease}.Header_Left a:hover{cursor:pointer}.Header_Right{font-family:novecento-sans,sans-serif;letter-spacing:2px;display:flex;list-style:none;gap:80px;margin-right:50px}.Header_Right span{color:#fff;text-decoration:none;transition:color .3s ease}.Header_Right span:hover{color:gray;cursor:pointer}.Header_Player{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:15px;background-color:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px;border-radius:8px;color:#fff}.Header_Player_Art{width:45px;height:45px;border-radius:4px;object-fit:cover}.Header_Player_Controls{display:flex;flex-direction:column;align-items:center;min-width:300px}.Header_Player_TrackInfo{font-size:.9em;font-weight:700;margin-bottom:4px}.Header_Player_Buttons{display:flex;align-items:center;gap:15px}.Header_Player_Buttons button{background:none;border:none;color:#fff;font-size:1.2em;cursor:pointer}.Header_Player_Timeline{display:flex;align-items:center;gap:8px;width:100%;font-size:.7em}.Header_Player_Seek{flex-grow:1;height:3px;cursor:pointer}.Header_Right .player-container{display:flex;align-items:center}@media (max-width: 1024px){.Header{padding:12px}.Header_Left{gap:16px;font-size:1.25rem}.Header_Right{gap:40px;margin-right:20px}.Header_Player_Controls{min-width:220px}}@media (max-width: 768px){.Header{padding:10px;flex-wrap:wrap;align-items:flex-start;row-gap:8px}.Header_Left{gap:12px}.Header_Left a{margin-left:12px}.Header_Right{gap:16px;margin-right:0;flex-wrap:wrap;font-size:.95rem}.Header_Player{position:static;transform:none;width:100%;justify-content:space-between;gap:10px}.Header_Player_Art{width:36px;height:36px}.Header_Player_Controls{min-width:0}.Header_Player_Buttons{gap:10px}.Header_Player_Timeline{gap:6px;font-size:.65em}}@media (max-width: 480px){.Header{padding:8px 10px}.Header_Left{font-size:1.1rem}.Header_Right{gap:12px}.Header_Player{padding:6px;gap:8px}.Header_Player_Buttons button{font-size:1rem}}.HomeSection{display:flex;flex-direction:column;align-items:flex-start;justify-content:left;padding-left:50px;position:relative}.String{cursor:default;font-family:novecento-sans,sans-serif;text-align:left;margin-top:250px}.String h1{letter-spacing:5px;font-size:40px;margin-bottom:-30px}.String h2{letter-spacing:5px;font-size:75px;margin-top:0}.FmodCredit{position:absolute;bottom:20px;left:50px;font-family:novecento-sans,sans-serif;font-size:12px;color:#888;letter-spacing:1px}@media (max-width: 1024px){.HomeSection{padding-left:32px}.String{margin-top:180px}.String h1{font-size:34px}.String h2{font-size:60px}}@media (max-width: 768px){.HomeSection{padding-left:16px;padding-right:16px}.String{margin-top:120px}.String h1{letter-spacing:3px;font-size:28px;margin-bottom:-14px}.String h2{letter-spacing:3px;font-size:42px}.FmodCredit{left:16px;bottom:12px}}.Search-Bar{display:flex;align-items:center;background:linear-gradient(145deg,#111,#1a1a1a);border-radius:20px;padding:6px 12px;width:500px;height:30px;box-shadow:inset 0 0 4px #ffffff1a;font-family:novecento-sans,sans-serif;margin-top:20px;margin-left:30px;max-width:100%}@media (max-width: 1024px){.Search-Bar{width:min(100%,420px);margin-left:16px}}@media (max-width: 768px){.Search-Bar{width:calc(100% - 24px);margin-left:12px;margin-right:12px;height:34px;padding:6px 10px}.Input-Field{font-size:13px}.Search-Bar svg{width:18px;height:18px}}.Input-Field{flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:14px;padding-left:6px;caret-color:#fff}.Input-Field::placeholder{color:#ffffff4d}.Search-Bar svg{width:20px;height:20px}.album-card-figure{position:relative;width:100%;height:100%;perspective:800px;flex-direction:column;align-items:center;justify-content:center}.album-card-mobile-alert{position:absolute;top:1rem;text-align:center;font-size:.875rem;display:none}@media (max-width: 640px){.album-card-mobile-alert{display:block}.album-card-caption{display:none}}@media (max-width: 1024px){.album-card-caption{font-size:9px;padding:3px 8px}.album-card-overlay{transform:translateZ(24px)}}@media (max-width: 400px){.album-card-mobile-alert{font-size:.8rem}}.album-card-inner{position:relative;transform-style:preserve-3d}.album-card-img{position:absolute;top:0;left:0;object-fit:cover;will-change:transform;transform:translateZ(0)}.album-card-overlay{position:absolute;top:0;left:0;z-index:2;will-change:transform;transform:translateZ(30px)}.album-card-caption{pointer-events:none;position:absolute;left:0;top:0;border-radius:4px;background-color:#fff;padding:4px 10px;font-size:10px;color:#2d2d2d;opacity:0;z-index:3}.Album-Grid{display:grid;justify-content:center;grid-template-columns:repeat(5,325px);grid-template-rows:repeat(2,1fr);margin-top:40px}.Album-Grid-Container.blurred>.Album-Grid,.Album-Grid-Container.blurred>.Page-Nation{filter:blur(4px);transition:filter .3s ease;pointer-events:none;-webkit-user-select:none;user-select:none}.Pattern-Overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#05050533;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.03) 3px);z-index:1;opacity:0;pointer-events:none;transition:opacity .3s ease}.Album-Grid-Container.blurred .Pattern-Overlay{opacity:1}.Album-Overlay-Content{background:#fffffff2;padding:2rem;border-radius:12px;box-shadow:0 0 20px #0000004d;text-align:center;width:300px}@keyframes slideInFromRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInFromLeft{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.Album-Grid.Slide-right{animation:slideInFromRight .5s forwards}.Album-Grid.Slide-left{animation:slideInFromLeft .5s forwards}.Page-Nation{display:flex;justify-content:center;align-items:center;padding:20px 0}.Page-Dots-Container{position:relative;display:flex;align-items:center;padding:5px 0}.Highlight-Box{box-sizing:border-box;position:absolute;top:50%;left:4px;width:12px;height:12px;background-color:#fff;border-radius:3px;transition:transform .4s cubic-bezier(.45,0,.55,1);z-index:100}.Dot{box-sizing:border-box;width:12px;height:12px;background-color:#4a4a4a;border-radius:3px;margin:0 4px;cursor:pointer;position:relative;z-index:2;transition:background-color .3s}.Dot:hover{background-color:#6a6a6a}@media (max-width: 1600px){.Album-Grid{grid-template-columns:repeat(4,300px)}}@media (max-width: 1280px){.Album-Grid{grid-template-columns:repeat(3,280px)}}@media (max-width: 980px){.Album-Grid{grid-template-columns:repeat(2,minmax(220px,1fr));grid-template-rows:none;row-gap:8px}}@media (max-width: 600px){.Album-Grid{grid-template-columns:repeat(2,minmax(140px,1fr));grid-template-rows:none;row-gap:8px}.Page-Nation{padding:12px 0}}@media (max-width: 480px){.Album-Grid{grid-template-columns:repeat(2,minmax(130px,1fr));grid-template-rows:none;row-gap:6px}.Page-Nation{padding:10px 0}}.Album-Gallery{width:100%;padding:20px;box-sizing:border-box}.Album-Details{display:flex;align-items:center;background-color:#111;padding:20px;border-radius:12px;color:#fff;margin:20px 0}.Album-Detail-Cover{width:180px;height:180px;border-radius:8px;margin-right:20px}.Album-Detail-Info{flex:1}.Play-Button{margin-top:12px;padding:8px 16px;border:1px solid white;background:transparent;color:#fff;cursor:pointer;border-radius:6px}.Close-Button{margin-left:20px;background:none;border:none;font-size:24px;color:#ccc;cursor:pointer}.Blurred-Background{pointer-events:none;-webkit-user-select:none;user-select:none}@media (max-width: 1024px){.Album-Detail-Cover{width:160px;height:160px;margin-right:16px}}@media (max-width: 768px){.Album-Gallery{padding:12px}.Album-Details{flex-direction:column;align-items:flex-start;gap:12px}.Album-Detail-Cover{width:140px;height:140px;margin-right:0}.Close-Button{align-self:flex-end}}.Info-Content{flex-grow:1;display:flex;min-height:0}.Album-Overlay-Buttons{display:flex;justify-content:flex-start;padding-top:1rem}.Info-Content .item-text{font-family:Noto Sans JP,sans-serif;color:#fff;margin:0}@media (max-width: 768px){.Album-Detail-Layout{flex-direction:column;width:min(92vw,640px);max-height:90vh;overflow:auto;gap:1rem;padding:1rem}.Album-Art-Wrapper{width:100%;height:auto;max-height:50vh}.Album-Overlay-Buttons{justify-content:stretch}.Album-Overlay-Buttons button{width:auto;flex:1 1 auto}.Info-Content .top-gradient,.Info-Content .bottom-gradient{height:32px}}.Album-Overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;cursor:pointer;pointer-events:auto}.Album-Detail-Layout{position:absolute;display:flex;gap:2rem;padding:2rem;background:#191919d9;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0006;color:#fff;overflow:hidden;transition:all .5s cubic-bezier(.65,0,.35,1);cursor:default;z-index:1010}.Album-Art-Wrapper{aspect-ratio:1 / 1;height:100%;flex-shrink:0;border-radius:8px;overflow:hidden}.Album-Art-Wrapper img{width:100%;height:100%;display:block;object-fit:cover}.Album-Info-Wrapper{flex-grow:1;min-width:0;text-align:left;opacity:0;transition:opacity .4s ease-in-out .2s;display:flex;flex-direction:column}.Album-Info-Wrapper.visible{opacity:1}.Info-Content{display:flex;flex-direction:column;flex-grow:1;min-height:0}.Album-Info-Wrapper h2,.Album-Info-Wrapper h3,.Album-Info-Wrapper p{flex-shrink:0}.Album-Info-Wrapper h2{font-family:Noto Sans JP,sans-serif;color:#fff;margin:0 0 .25rem}.Album-Info-Wrapper h3{font-family:Noto Sans JP,sans-serif;color:#ccc;margin:0 0 1.5rem;font-weight:400}.Album-Info-Wrapper p{font-family:Noto Sans JP,sans-serif;color:#ddd;margin-bottom:1.5rem}.Album-Overlay-Buttons{display:flex;justify-content:flex-start;padding-top:1rem;flex-shrink:0}.Album-Overlay-Buttons button{background:linear-gradient(145deg,#111,#1a1a1a);border-radius:20px;padding:6px 12px;width:100px;height:30px;box-shadow:inset 0 0 4px #ffffff1a;font-family:novecento-sans,sans-serif;color:#fff;border:none;cursor:pointer}.Album-Overlay-Buttons button:hover{background:#444}.Info-Content .scroll-list-container{position:relative;width:100%;flex-grow:1;min-height:0}.Info-Content .scroll-list{height:100%;overflow-y:auto;padding-right:8px}.Info-Content .scroll-list::-webkit-scrollbar{width:6px}.Info-Content .scroll-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.Info-Content .scroll-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.Info-Content .scroll-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.Info-Content .item{padding:12px 8px;background-color:transparent;border-radius:8px;cursor:pointer;transition:background-color .2s ease-in-out}.Info-Content .item.selected{background-color:#ffffff1a}.Info-Content .item-text{font-family:novecento-sans,sans-serif;color:#fff;margin:0}.Info-Content .top-gradient,.Info-Content .bottom-gradient{position:absolute;left:0;right:0;height:50px;pointer-events:none;transition:opacity .3s ease;z-index:5}.Info-Content .top-gradient{top:0;background:linear-gradient(to bottom,rgba(25,25,25,.85),transparent)}.Info-Content .bottom-gradient{bottom:0;background:linear-gradient(to top,rgba(25,25,25,.85),transparent)}@media (max-width: 1024px){.Album-Detail-Layout{gap:1.25rem;padding:1.25rem;max-width:900px}}@media (max-width: 768px){.Album-Detail-Layout{flex-direction:column;width:min(92vw,640px);max-height:90vh;overflow:auto;gap:1rem;padding:1rem}.Album-Art-Wrapper{width:100%;height:auto;max-height:50vh}.Album-Overlay-Buttons{justify-content:stretch}.Album-Overlay-Buttons button{width:auto;flex:1 1 auto}}.Playback-Controls-Wrapper{padding:10px 20px;border-top:1px solid rgba(255,255,255,.1);margin-top:auto}.Playback-Timeline{display:flex;align-items:center;gap:10px;width:100%;font-size:.8em;color:#ccc}.Seek-Bar{flex-grow:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:#ffffff4d;border-radius:5px;outline:none;cursor:pointer}.Seek-Bar::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:#fff;border-radius:50%;cursor:pointer}.Seek-Bar::-moz-range-thumb{width:14px;height:14px;background:#fff;border-radius:50%;cursor:pointer}.Playback-Buttons{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:10px}.Playback-Buttons button{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;transition:transform .2s}.Playback-Buttons button:hover:not(:disabled){transform:scale(1.1)}.Playback-Buttons button:disabled{color:#666;cursor:not-allowed}@media (max-width: 1024px){.Playback-Controls-Wrapper{padding:8px 16px}}@media (max-width: 768px){.Playback-Timeline{gap:8px;font-size:.75em}.Seek-Bar{height:6px}.Playback-Buttons{gap:14px}.Playback-Buttons button{font-size:20px}}.info-section-container{width:100%;max-width:800px;margin:40px auto;padding:2rem;box-sizing:border-box;color:#e0e0e0;height:80vh;display:flex;flex-direction:column}.info-main-title{font-size:2.5rem;font-weight:600;color:#fff;text-align:center;flex-shrink:0}.info-subtitle{font-size:1rem;color:#aaa;text-align:center;margin-top:-1rem;margin-bottom:2rem;flex-shrink:0}.info-timeline{position:relative;padding-left:3rem;flex-grow:1;overflow-y:auto;padding-right:1rem}.info-timeline:before{content:"";position:absolute;left:20px;top:10px;bottom:10px;width:2px;background-color:#ffffff1a}.info-timeline::-webkit-scrollbar{width:6px}.info-timeline::-webkit-scrollbar-track{background:transparent}.info-timeline::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.info-timeline::-webkit-scrollbar-thumb:hover{background:#fff6}.timeline-item{position:relative;margin-bottom:2rem}.timeline-marker{position:absolute;left:-29px;top:5px;width:40px;height:40px;background-color:#1a1a1a;border:2px solid rgba(255,255,255,.1);border-radius:50%;display:flex;justify-content:center;align-items:center}.icon-wrapper{font-size:1.2rem}.timeline-content{padding:1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.timeline-date{display:block;font-size:.8rem;color:#aaa;margin-bottom:.5rem}.timeline-title{font-size:1.2rem;font-weight:500;color:#fff;margin-top:0;margin-bottom:.75rem}.timeline-text{font-size:.95rem;line-height:1.7;margin:0;white-space:pre-wrap;color:#d0d0d0}@media (max-width: 1024px){.info-section-container{max-width:900px;margin:32px auto;height:70vh;padding:1.5rem}.info-main-title{font-size:2.1rem}.info-subtitle{margin-bottom:1.5rem}.info-timeline{padding-left:2.2rem}.info-timeline:before{left:16px}.timeline-marker{left:-23px;width:34px;height:34px}}@media (max-width: 768px){.info-section-container{margin:24px auto;height:auto;padding:1rem}.info-main-title{font-size:1.8rem}.info-subtitle{font-size:.95rem;margin-top:-.5rem;margin-bottom:1.25rem}.info-timeline{padding-left:1.75rem;padding-right:.5rem}.info-timeline:before{left:12px;top:8px;bottom:8px}.timeline-marker{left:-18px;top:2px;width:28px;height:28px}.timeline-title{font-size:1.05rem}.timeline-text{font-size:.9rem}}.project-detail-container{flex:1.5;display:flex;justify-content:center;align-items:center;position:sticky;top:100px;height:60vh;border-radius:12px;overflow:hidden}.detail-content-wrapper{width:100%;height:100%;position:relative;background-size:cover;background-position:center}.detail-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.95) 30%,transparent 100%);z-index:1}.detail-text{position:absolute;bottom:0;left:0;right:0;z-index:2;color:#fff;padding:2rem;display:flex;flex-direction:column;justify-content:flex-end;max-height:100%;box-sizing:border-box}.detail-name{font-size:2rem;font-weight:600;margin:0 0 .5rem}.detail-description{font-size:1rem;color:#d0d0d0;max-width:80%}.placeholder-text{color:#666;font-size:1.2rem}.detail-actions{display:flex;gap:1rem;align-items:center;margin-top:1rem}.details-toggle-button{padding:.75rem 1.5rem;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:background-color .2s ease}.details-toggle-button:hover{background-color:#fff3}.collapsible-details{overflow:hidden}.detail-meta-info{display:flex;flex-wrap:wrap;gap:1rem 2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.15)}.meta-item{display:flex;flex-direction:column;flex:1;min-width:150px}.meta-label{font-size:.8rem;font-weight:600;color:#aaa;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.5px}.meta-value{font-size:1rem;color:#e0e0e0}.detail-dev-comment{margin-top:1.5rem}.comment-text{font-size:.9rem;color:#e0e0e0;line-height:1.6;margin:0;font-style:italic;white-space:pre-wrap;max-height:50px;overflow-y:auto;background-color:#0003;padding:1rem;border-radius:8px}.comment-text::-webkit-scrollbar{width:8px}.comment-text::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.comment-text::-webkit-scrollbar-thumb{background-color:#fff6;border-radius:4px}.comment-text::-webkit-scrollbar-thumb:hover{background-color:#fff9}.detail-drive-link{display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;text-decoration:none;font-weight:500;transition:background-color .2s ease-in-out,transform .2s ease-in-out}.detail-drive-link:hover{background-color:#fff3;transform:translateY(-2px)}@media (max-width: 1024px){.project-detail-container{top:80px;height:50vh;border-radius:10px}.detail-name{font-size:1.6rem}.detail-description{font-size:.95rem;max-width:90%}}@media (max-width: 768px){.project-detail-container{position:static;height:40vh;border-radius:10px}.detail-text{padding:1rem}.detail-name{font-size:1.4rem}.detail-description{max-width:100%;font-size:.9rem}.detail-actions{gap:.75rem;flex-wrap:wrap}.details-toggle-button{padding:.6rem 1rem;font-size:.95rem}.meta-item{min-width:120px}}.project-list-container{flex:1;color:#e0e0e0;height:60vh;position:sticky;top:100px;display:flex;flex-direction:column}.project-list-title{font-size:1.8rem;font-weight:500;margin-bottom:1rem;color:#fff;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:.5rem;flex-shrink:0}.project-list{list-style:none;padding:0 10px 0 0;margin:0;flex-grow:1;overflow-y:auto}.project-list::-webkit-scrollbar{width:6px}.project-list::-webkit-scrollbar-track{background:transparent}.project-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.project-list::-webkit-scrollbar-thumb:hover{background:#fff6}.project-list-item{padding:1.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.1);cursor:pointer;transition:background-color .2s ease-in-out,padding-left .2s ease-in-out,border-left .2s ease-in-out;display:flex;flex-wrap:wrap;align-items:center;gap:0 1rem;border-left:3px solid transparent}.project-list-item:hover{background-color:#ffffff0d;padding-left:1.5rem}.project-list-item.selected{background-color:#ffffff1a;padding-left:1.5rem;border-left:3px solid #fff}.project-name{font-size:1.2rem;font-weight:500;color:#fff;flex-basis:100%;margin-bottom:.25rem}.project-year{font-size:.9rem;color:#888;background-color:#0003;padding:2px 6px;border-radius:4px}.project-description{font-size:.9rem;color:#aaa}@media (max-width: 1024px){.project-list-container{height:50vh;top:80px}.project-list-title{font-size:1.5rem}.project-list-item{padding:1.25rem .75rem}}@media (max-width: 768px){.project-list-container{position:static;height:auto}.project-list-title{font-size:1.25rem}.project-list{max-height:50vh}.project-name{font-size:1.05rem}.project-year,.project-description{font-size:.85rem}}.project-section-container{display:flex;width:100%;max-width:1200px;margin:80px auto;gap:40px;min-height:60vh;padding:20px;box-sizing:border-box}@media (max-width: 1024px){.project-section-container{gap:24px;margin:60px auto;padding:16px}}@media (max-width: 768px){.project-section-container{flex-direction:column;gap:16px;margin:40px auto;padding:12px}}.contact-section-container{width:100%;min-height:80vh;display:flex;justify-content:center;align-items:center;padding:2rem;box-sizing:border-box;overflow:hidden}.contact-card{max-width:600px;width:100%;text-align:center;padding:3rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 30px #0003;color:#e0e0e0}.contact-title{font-size:2.5rem;font-weight:600;color:#fff;margin-top:0;margin-bottom:1rem}.contact-message{font-size:1.1rem;color:#ccc;line-height:1.7;margin-bottom:2.5rem}.contact-links{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.contact-link{display:flex;align-items:center;gap:.75rem;padding:.8rem 1.8rem;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;text-decoration:none;font-weight:500;font-size:1rem;transition:background-color .2s ease,border-color .2s ease}.contact-link:hover{background-color:#fff3;border-color:#ffffff4d}.contact-link svg{stroke:#fff}@media (max-width: 1024px){.contact-section-container{padding:1.5rem}.contact-card{padding:2rem}.contact-title{font-size:2.1rem}.contact-message{font-size:1rem;margin-bottom:2rem}}@media (max-width: 768px){.contact-section-container{padding:1rem;min-height:70vh}.contact-card{padding:1.25rem;border-radius:12px}.contact-title{font-size:1.8rem}.contact-message{font-size:.95rem;margin-bottom:1.5rem}.contact-links{gap:.75rem}.contact-link{width:100%;justify-content:center;padding:.75rem 1rem;font-size:.95rem}}@tailwind base;@tailwind components;@tailwind utilities;.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}body{margin:0;font-family:Arial,sans-serif}.content{transition:opacity .3s ease}.fade-in{opacity:1}.fade-out{opacity:0}.section{padding:100px;font-size:2rem;text-align:center}.title{text-align:center;font-size:3rem;color:#000;text-shadow:2px 2px 4px rgba(0,0,0,.2);margin-top:20px;font-family:Noto Sans JP,sans-serif}.MusicTrack{text-align:center;font-size:3rem;color:#000;margin-top:20px;font-family:Noto Sans JP,sans-serif}.toggle-button{position:fixed;top:20px;right:10px;padding:10px 15px;font-size:16px;border:none;border-radius:5px;cursor:pointer;background-color:#4a90e2;color:#fff;z-index:1001}.toggle-button:hover{background-color:#357ab8}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){.section{padding:72px}.title,.MusicTrack{font-size:2.5rem}.toggle-button{top:14px;right:10px}}@media (max-width: 768px){.section{padding:48px 20px;font-size:1.6rem}.title,.MusicTrack{font-size:2rem}.toggle-button{top:10px;right:8px;padding:8px 12px;font-size:14px}}.app-shell{opacity:0;transition:opacity .6s ease-out}.app-shell.visible{opacity:1}