*{-ms-overflow-style:none;box-sizing:border-box;padding:0;scrollbar-width:none}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a0a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Helvetica Neue,Helvetica,Arial,sans-serif;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}::-webkit-scrollbar{display:none}::selection{background-color:#1db954;color:#fff}::-moz-selection{background-color:#1db954;color:#fff}input,textarea{caret-color:#1db954}.sidebar{background-color:#1a1a1a;border-radius:12px;flex-direction:column;gap:20px;height:calc(100vh - 30px);left:15px;padding-top:20px;position:fixed;top:15px;width:90px;z-index:1000}.sidebar,.sidebar-icon{align-items:center;display:flex}.sidebar-icon{border-radius:6px;cursor:pointer;height:64px;justify-content:center;position:relative;transition:all .2s ease;width:64px}.sidebar-icon:hover{box-shadow:0 4px 12px #0000004d;filter:brightness(1.1)}.sidebar-icon.active{box-shadow:0 0 0 2px #1db954;filter:brightness(1.15)}.icon-emoji{display:block;font-size:32px}.tooltip{align-items:flex-start;background-color:#1e1e1ef2;border:1px solid #1db954;border-radius:8px;box-shadow:0 8px 24px #1db95433;color:#fff;display:flex;flex-direction:column;gap:6px;left:calc(100% + 12px);padding:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:160px;z-index:1001}.tooltip-icon{display:block;font-size:24px}.tooltip-label{font-size:13px;font-weight:600;white-space:nowrap}.tooltip:before{border:6px solid #0000;border-right-color:#1db954;content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%)}@media (max-width:768px){.sidebar{border-radius:0;flex-direction:row;gap:0;height:auto;justify-content:space-evenly;left:0;overflow-x:auto;padding:15px;position:relative;top:0;width:100%}.sidebar-icon{flex-shrink:0;height:40px;width:40px}.icon-emoji{font-size:20px}.tooltip{display:none}}.home{color:#fff;min-height:100vh;padding:40px 60px}.home-header{align-items:flex-start;background:linear-gradient(135deg,#0a0a0a,#0a0a0a99 50%,#0000);border-radius:12px;display:flex;flex-direction:row;gap:24px;margin-bottom:60px;padding:20px 24px 40px}.header-icon-wrapper{flex-shrink:0}.header-icon{align-items:center;background-color:#6366f1;border-radius:8px;display:flex;font-size:96px;height:160px;justify-content:center;line-height:1;width:160px}.header-content{display:flex;flex:1 1;flex-direction:column}.name-title{color:#fff;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:72px;font-weight:900;letter-spacing:-2px;margin:0 0 12px}.bio-text{color:#b3b3b3;font-size:18px;font-weight:400;margin:0}.section-title{color:#fff;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0 0 24px}.quick-links-section{margin-bottom:60px}.quick-links-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.quick-link-card{align-items:stretch;background-color:#ffffff1a;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;flex-direction:row;gap:0;justify-content:flex-start;min-height:64px;overflow:hidden;padding:0;transition:all .3s ease}.quick-link-card:hover{background-color:#ffffff26;border:1px solid #1db954;box-shadow:0 8px 24px #1db95433}.link-icon{border-radius:6px;flex-shrink:0;font-size:24px;height:100%;justify-content:center;min-height:64px;width:64px}.link-icon,.link-label{align-items:center;display:flex}.link-label{color:#fff;flex:1 1;font-size:16px;font-weight:700;padding:0 24px}.content-carousel-section{margin-bottom:60px}.carousel-container{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;overflow-x:auto;overflow-y:hidden;padding-bottom:16px;scrollbar-width:none}.carousel-container::-webkit-scrollbar{display:none}.carousel{display:flex;gap:16px;padding-bottom:8px}.carousel-item-wrapper{display:flex;flex-direction:column;flex-shrink:0;gap:12px;width:200px}.carousel-card{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;height:200px;overflow:hidden;transition:transform .3s ease;width:200px}.carousel-card:hover{transform:scale(1.05)}.carousel-card-cover{align-items:center;background:linear-gradient(135deg,#1db95433,#0006);display:flex;font-size:80px;height:100%;justify-content:center;width:100%}.carousel-card-info{display:flex;flex-direction:column;gap:4px}.carousel-card-title{color:#fff;font-size:16px;font-weight:700;line-height:1.2;margin:0}.carousel-card-author{color:#b3b3b3;font-size:14px;line-height:1.2;margin:0}@media (max-width:768px){.home{padding:24px 20px}.home-header{gap:16px;padding-bottom:20px;padding-top:30px}.header-icon{border-radius:6px;font-size:64px;height:100px;width:100px}.name-title{font-size:48px}.bio-text{font-size:16px}.section-title{font-size:24px}.quick-links-grid{gap:12px;grid-template-columns:1fr}.quick-link-card{min-height:56px;padding:0}.link-icon{border-radius:6px;font-size:20px;height:100%;min-height:56px;width:56px}.link-label{padding:0 16px}.carousel-item-wrapper{width:160px}.carousel-card{height:160px;width:160px}.carousel-card-cover{font-size:60px}.carousel-card-title{font-size:14px}.carousel-card-author{font-size:12px}}.all-about-me{background:linear-gradient(180deg,#1a0f2e,#0a0a0a);color:#fff;min-height:100vh;padding:0 0 90px}.banner-section{background:linear-gradient(180deg,#c4b5fd66,#9333ea99);padding:32px 32px 48px}.banner-content{align-items:flex-end;display:flex;flex-direction:row;gap:24px;padding-bottom:16px}.cover-square{align-items:center;background-color:#9333ea;border-radius:6px;box-shadow:0 4px 12px #00000080;display:flex;flex-shrink:0;height:232px;justify-content:center;width:232px}.cover-icon{color:#fff;font-size:120px;line-height:1}.banner-text{display:flex;flex:1 1;flex-direction:column;justify-content:flex-end;padding-bottom:8px}.banner-title{color:#fff;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:96px;font-weight:900;letter-spacing:-2px;line-height:1.1;margin:0 0 12px}.banner-metadata{color:#b3b3b3;font-size:14px;font-weight:400;margin:0}.content-section{padding:24px 32px 40px}.content-header{grid-gap:16px;align-items:center;border-bottom:1px solid #ffffff1a;color:#b3b3b3;display:grid;font-size:12px;font-weight:400;gap:16px;grid-template-columns:48px 1fr 180px;letter-spacing:.1em;margin-bottom:0;padding:8px 0;text-transform:uppercase}.header-number{text-align:center}.header-title{padding-left:16px}.header-date{padding-right:16px;text-align:left;white-space:nowrap}.header-divider{background-color:#ffffff1a;height:1px;margin-bottom:0}.writing-area{padding-top:24px}.writing-row{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:48px 1fr 180px;margin-bottom:24px}.writing-row:last-child{margin-bottom:0}.row-number{color:#b3b3b3;font-size:14px;font-weight:400;letter-spacing:.1em;line-height:1.75;padding-top:4px;text-align:center;text-transform:uppercase}.row-content{max-width:800px;padding-left:16px}.content-paragraph{color:#b3b3b3;font-size:16px;font-weight:400;letter-spacing:.01em;line-height:1.75;margin:0}.player-bar{background-color:#181818;border-top:1px solid #282828;bottom:0;height:90px;justify-content:space-between;left:0;padding:0 16px;position:fixed;right:0;z-index:1000}.player-bar,.player-left{align-items:center;display:flex}.player-left{flex:1 1;gap:14px;min-width:180px}.player-cover{align-items:center;background-color:#9333ea;border-radius:4px;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.player-icon{color:#fff;font-size:32px}.player-info{display:flex;flex-direction:column;gap:4px;min-width:0}.player-title{color:#fff;font-size:14px}.player-artist,.player-title{font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-artist{color:#b3b3b3;font-size:11px}.player-center{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px;max-width:722px;padding:0 16px}.player-progress-container{align-items:center;display:flex;gap:8px;width:100%}.player-time{color:#b3b3b3;font-size:11px;font-weight:400;min-width:40px;text-align:center}.player-time-left{text-align:right}.player-time-right{text-align:left}.player-progress-bar{background-color:#535353;border-radius:2px;cursor:pointer;flex:1 1;height:4px;position:relative}.player-progress-bar:hover{background-color:#5a5a5a}.player-progress-fill{background-color:#b3b3b3;border-radius:2px;height:100%;transition:width .1s ease}.player-progress-bar:hover .player-progress-fill{background-color:#1db954}.player-right{align-items:center;display:flex;flex:1 1;justify-content:flex-end;min-width:180px}@media (max-width:768px){.all-about-me{background:linear-gradient(180deg,#1a0f2e,#0a0a0a)}.banner-section{background:linear-gradient(180deg,#4c1d95,#0a0a0a);padding:24px 20px 40px}.banner-content{align-items:center;flex-direction:column;gap:40px}.banner-text{align-items:flex-start;align-self:flex-start;text-align:left;width:100%}.cover-square{height:200px;width:200px}.cover-icon{font-size:120px}.banner-title{font-size:28px}.banner-metadata{font-size:13px}.banner-text .banner-metadata:first-child{display:none}.content-section{padding:32px 20px}.content-header{font-size:11px;gap:4px;grid-template-columns:32px 1fr}.header-title{padding-left:8px}.header-date{display:none}.writing-area{padding-top:20px}.writing-row{gap:4px;grid-template-columns:32px 1fr;margin-bottom:20px}.row-date{display:none}.row-number{font-size:13px;font-weight:400;letter-spacing:.1em;line-height:1.7;padding-top:3px;text-transform:uppercase}.row-content{padding-left:8px}.content-paragraph{font-size:15px;line-height:1.7;margin:0}.all-about-me{padding-bottom:90px}.player-bar{height:80px;padding:0 12px}.player-left{gap:12px;min-width:140px}.player-cover{height:48px;width:48px}.player-icon{font-size:28px}.player-title{font-size:13px}.player-artist{font-size:10px}.player-center{max-width:100%;padding:0 8px}.player-time{font-size:10px;min-width:35px}.player-progress-bar{height:3px}.player-right{display:none;min-width:0}}.App{background-color:#0a0a0a;display:flex;min-height:100vh}.main-content{flex:1 1;margin-left:120px;width:calc(100% - 120px)}@media (max-width:768px){.App{flex-direction:column}.main-content{margin-left:0;padding-top:0;width:100%}}
/*# sourceMappingURL=main.6f1d244b.css.map*/