@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:#eee;min-width:320px;width:100vw}.main-container,body{margin:0 auto;max-width:100%;min-height:100svh}.main-container{box-sizing:border-box;position:relative;width:100%}.logo-header{align-items:center;display:block;margin-left:auto;margin-right:auto;max-width:300px;padding-bottom:5%;padding-top:5%;transition:transform .2s;width:50%}.youtube-wrapper{align-items:stretch;display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-bottom:3%}.youtube-video{align-items:center;box-sizing:border-box;display:flex;flex:1 1 45%;flex-direction:column;height:100%;justify-content:flex-start;max-width:500px;min-width:300px;width:100%}.youtube-video iframe{background:#000;border:none;height:280px;width:100%}.header-nav{display:flex;flex-direction:row!important;margin:0 auto;max-width:1024px;width:100%}.header-nav .nav-btn{background:#efefef;border:1px solid #ccc;border-radius:0;color:#252525;flex:1 1;font-size:80%;font-weight:600;padding:1% 0;text-align:center;text-decoration:none;transition:background .2s}.header-nav .nav-btn:hover{background:#dedede}.header-nav .nav-btn-inner{align-items:center;display:block;flex-direction:row;justify-content:center;margin:0 auto;text-align:center}.header-nav .nav-btn-label{display:inline-block;margin:0 auto;text-align:center}.header-nav .nav-btn i{display:block;font-size:150%;margin-left:auto;margin-right:auto;text-align:center}footer{color:#252525;font-size:.95rem;padding:12px 0;text-align:center}footer,main,section{margin:0 auto;max-width:1024px;width:100%}main,section{box-sizing:border-box;font-size:90%}main{border-bottom:1.5px solid #e0e0e0;border-left:1.5px solid #e0e0e0;border-right:1.5px solid #e0e0e0;padding:0 .5% 1%}section{border-top:1.5px solid #e0e0e0;box-shadow:none;padding:0}.home-intro{text-align:center}.external-links-wrapper{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1vw;justify-content:center;margin-bottom:32px}.external-link-box{align-items:center;background:#fafafa;border:2px solid #ccc;border-radius:12px;box-sizing:border-box;color:#252525;cursor:pointer;display:flex;flex:1 1 28%;flex-direction:column;font-size:1.1rem;font-weight:600;margin-bottom:0;max-width:300px;padding:24px 12px;text-align:center;text-decoration:none;transition:box-shadow .2s,border-color .2s;width:100%}.external-link-box:hover{border-color:#888;box-shadow:0 2px 12px #00000014}.aboutme-flex{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center}.aboutme-flex img{display:block;height:auto;margin-left:auto;margin-right:auto;max-width:300px;padding:0 2.5%;width:100%}.aboutme-flex .home-intro{flex:1 1 200px;min-width:200px}.aboutme-title{color:#444}a{color:#1976d2;text-decoration:underline;transition:color .2s}a:hover{color:#ea5320}.tab-btn{background:#dedede;border:none;border-bottom:3px solid #0000;border-radius:12px 12px 0 0;color:#374151;cursor:pointer;font-size:1.05rem;font-weight:700;margin:0 4px;padding:14px 22px;position:relative;transition:color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease}.tab-btn:hover{background:#0f172a0a;color:#111827;transform:translateY(0)}.tab-btn:focus{outline:3px solid #3b82f62e;outline-offset:2px}.tab-btn.active{background:linear-gradient(45deg,#ff7a18,#ffa646);border-bottom-color:#0000;box-shadow:0 8px 24px #ff873c2e;color:#fff}.tab-btn:first-child{margin-left:0}.tab-btn:last-child{margin-right:0}.section-title-wrap{align-items:center;display:flex;gap:12px;justify-content:center}.section-icon{color:inherit;font-size:28px}.external-link-box i,.nav-icon{color:inherit}.home-latest-news-section{margin:0 5%}.genre-toggle-btn{background:#fafafa;border:1.5px solid #ccc;border-radius:20px;color:#444;cursor:pointer;font-size:1rem;font-weight:600;margin:4px 8px;padding:6px 18px;transition:background .2s,color .2s,border-color .2s}.genre-toggle-btn.active{background:#ea5320;border-color:#ea5320;color:#fff}.genre-toggle-btn:focus{outline:2px solid #ea5320;outline-offset:2px}.streaming-card{grid-row-gap:10px;grid-column-gap:16px;align-items:start;background:#fff;border:1px solid #e6e6e6;border-radius:12px;box-sizing:border-box;column-gap:16px;display:grid;grid-template-areas:"image meta tracks" "image links links";grid-template-columns:160px 1fr 360px;grid-template-rows:auto auto;margin:8px;max-width:1000px;min-width:320px;padding:12px;row-gap:10px;width:100%}.streaming-card .streaming-image{border-radius:8px;flex:0 0 160px;grid-area:image;height:160px;object-fit:cover;width:160px}.streaming-card .streaming-meta{color:#444;font-size:.95rem;grid-area:meta;padding-left:2%;padding-right:2%;padding-top:6px}.streaming-card .streaming-title{font-weight:700}.streaming-card .streaming-tracks{box-sizing:border-box;height:78px;list-style-position:inside;margin:0;max-height:300px;min-width:0;overflow:auto;overflow-wrap:break-word;padding-left:0;white-space:normal;width:100%;word-break:break-word}.streaming-tracks-label{display:block;font-weight:700;text-align:center}.streaming-card .streaming-links{grid-gap:8px;align-items:stretch;display:grid;gap:8px;grid-area:links;grid-template-columns:repeat(3,1fr);justify-items:stretch;width:100%}.streaming-card .stream-link{align-items:center;background:#ddd;border-radius:6px;box-sizing:border-box;color:#111;display:flex;font-weight:600;gap:8px;justify-content:center;padding:10px 12px;text-decoration:none;width:100%}.streaming-card .stream-link i{font-size:1.05em}.stream-link{background:#ffffff08;color:#e6e6e6}.stream-link i{color:inherit}.stream-link.apple{background:#000;color:#fff}.stream-link.spotify{background:#1db954;color:#fff}.stream-link:hover{filter:brightness(1.02)}.stream-link.apple:hover{background:#111}.stream-link.spotify:hover{filter:brightness(.95)}.stream-link.other:hover{background:#ffffff0f}@media (max-width:750px){.streaming-card{align-items:stretch;display:flex;flex-direction:column;gap:8px;max-width:100%;padding:0;width:calc(100% - 24px)}.streaming-card .streaming-image{flex:none;height:auto;margin-bottom:8px;width:100%}.streaming-card .streaming-tracks{max-height:220px;overflow:auto;padding-left:18px}.streaming-card .streaming-links{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}.streaming-card .stream-link{flex-basis:calc(50% - 8px);flex-grow:1;flex-shrink:1;width:auto}}@media (min-width:601px){.streaming-card{align-items:flex-start}.streaming-card .streaming-meta{padding-top:6px}}@media (prefers-color-scheme:dark){body{background:#222;color:#eee}a{color:#90caf9}a:hover{color:#ea5320}.external-link-box,footer,main,section{background:#222;border-color:#444;color:#eee}.header-nav .nav-btn{background:#333;border-color:#444;color:#eee}.header-nav .nav-btn:hover{background:#444}.aboutme-flex img{box-shadow:0 2px 8px #222}.home-latest-news-section{background:#222;border-color:#444;color:#eee}header svg{fill:#fff!important;stroke:#fff!important;color:#fff!important}.aboutme-title{color:#eee}.genre-toggle-btn:focus{outline:2px solid #ea5320;outline-offset:2px}.tab-btn{background:#333;color:#fff}.tab-btn:hover{background:#464646;color:#ea5320;transform:translateY(0)}.tab-btn.active{background:linear-gradient(45deg,#ff7a18,#ffa646);border-bottom-color:#0000;box-shadow:0 8px 24px #ff873c2e;color:#fff}.tab-btn:focus{outline:3px solid #3b82f62e}.streaming-card,.streaming-card.vertical{background:#333;border-color:#2b2b2b;box-shadow:0 6px 18px #0009;color:#e6e6e6}.streaming-author,.streaming-card .streaming-title,.streaming-card.vertical .streaming-title{color:#fff}.streaming-meta,.streaming-tracks li,.streaming-year{color:#cfcfcf}.streaming-card .streaming-image,.streaming-card.vertical .streaming-image{background:#222}.stream-link.other{background:#ffffff0a;color:#e6e6e6}.blog-content,.blog-grid,.blog-list,.blog-page{color:#e6e6e6}.blog-empty,.blog-list .youtube-video>div,.markdown-article{background:#333;border:1px solid #2b2b2b;box-shadow:0 6px 18px #0009;color:#e6e6e6}.blog-list .youtube-video{background:#0000}.blog-title{color:#fff}.blog-date{color:#bdbdbd}.blog-excerpt{color:#cfcfcf}.markdown-article a{color:#90caf9}.markdown-article code,.markdown-article pre{background:#0f1112;border-radius:6px;color:#f2f2f2;padding:6px}.markdown-article blockquote{background:#ffffff05;border-left:4px solid #2b2b2b;border-radius:6px;color:#d0d0d0;padding:8px 12px}.markdown-article::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:8px}.markdown-article{scrollbar-color:#ffffff14 #0000}}@media (max-width:1100px){.youtube-video{flex-basis:100%;min-width:0}}@media (max-width:1000px){.external-link-box{flex-basis:45%}}@media (min-width:900px){.streaming-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}}@media (max-width:750px){.streaming-card{align-items:stretch;flex-direction:column;margin:5% auto;max-width:100%;width:calc(100% - 24px)}.streaming-card .streaming-image{flex:none;margin-bottom:10px;width:100%}.streaming-title{font-size:1.05rem}.streaming-meta,.streaming-title{margin-bottom:6px}.streaming-year{color:#666;font-weight:700;margin-bottom:8px}.streaming-tracks{box-sizing:border-box;max-height:220px;min-width:0;overflow:auto;overflow-wrap:break-word;padding-left:18px;white-space:normal;word-break:break-word}.external-link-box{flex-basis:45%}}@media (max-width:500px){.header-nav{flex-direction:row!important}.header-nav .nav-btn-inner{flex-direction:column}.header-nav .nav-btn-label{display:block;font-size:90%;margin-top:2px}.header-nav .nav-btn i{font-size:150%;margin-bottom:8px;margin-top:8px}}.markdown-article img{border-radius:6px;display:block;height:auto;max-width:100%}.markdown-article p{font-size:1.2em;line-height:2em}.blog-list img{border-radius:8px;height:160px;object-fit:cover;width:160px}@media (max-width:750px){.blog-list img{height:auto;object-fit:cover;width:100%}}.blog-meta-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;margin-bottom:12px}.blog-date{color:#6b7280;font-weight:600;min-width:120px}.blog-tags{display:flex;flex-wrap:wrap;gap:8px}.blog-tag{background:#f3f4f6;border-radius:999px;color:#374151;font-size:.9rem;font-weight:700;padding:4px 10px}.blog-meta-row{flex-wrap:nowrap;gap:0}.blog-title-main{flex:1 1 58%;font-size:1.5rem;margin:0;max-width:100%}.blog-date{flex:0 1 10%;min-width:70px;text-align:left}.blog-tags{flex:0 1 30%;justify-content:flex-end;min-width:150px}@media (max-width:500px){.blog-meta-row{align-items:flex-start;flex-direction:column;gap:.8em}.blog-title-main{flex:1 1 58%;font-size:1.5rem;margin:0;max-width:100%}.blog-date{min-width:70px;text-align:left}.blog-date,.blog-tags{flex:0 1 100%;max-width:100%}.blog-tags{justify-content:flex-end}}.markdown-article img,.markdown-article p img{border-radius:8px;display:block;height:auto;max-width:500px;width:100%}
/*# sourceMappingURL=main.615b6874.css.map*/