@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&display=swap";.modal-content .modal-title:before,.modal-content h3:before,.about-subtitle,.about-role,.about-contact-link,.about-section-label,.about-skill,.about-panel-label,.about-panel-meta,.about-education-period,.file-player-badge,.file-player-status,.file-player-link-btn,.player-title:before,.player-volume-label,.player-playlist-save .player-playlist-label,.player-playlist-save p,.player-next-block:before,.player-shuffle-hint,.file-player--queue-item:first-of-type:before,.upload-title:before,.upload-subtitle,.upload-status,.upload-panel-label,.upload-field-label,.upload-error,.upload-location-label,.upload-location code,#loader-tekst,.dashboard-badge,.auth-label,.auth-field-label,.auth-footer-label,.auth-footer a,.home-nav-link,.root-nav a{letter-spacing:.15em;text-transform:uppercase;color:#555;font-size:.65rem;font-weight:700}.player-playlist-save .player-playlist-input,.player-playlist-save input,.upload-field input:not(.upload-file-input),.upload-file-input,.auth-field input{all:unset;box-sizing:border-box;width:100%;font-family:Inter,system-ui,sans-serif;display:block}*,:before,:after{box-sizing:border-box}html,body{color:#555;-webkit-font-smoothing:antialiased;background:#0c0c0c;margin:0;padding:0;font:400 15px/1.6 Inter,system-ui,sans-serif}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3,h4{color:#fff;letter-spacing:-.03em;text-transform:uppercase;margin:0;font-weight:900;line-height:1}p{margin:0}a{color:#fff;text-decoration:none}a:hover{text-underline-offset:3px;text-decoration:underline}input,button{appearance:none;border-radius:0;font-family:Inter,system-ui,sans-serif;font-size:14px}button{cursor:pointer}.root-layout{flex-direction:column;min-height:100svh;display:flex}.root-nav{z-index:100;background:#0c0c0c;border-bottom:1px solid #2a2a2a;flex-wrap:wrap;align-items:center;gap:16px 24px;height:auto;min-height:52px;padding:14px 32px;display:flex;position:sticky;top:0}.root-nav a{color:#555;transition:color .1s}.root-nav a:hover,.root-nav a.active{color:#fff;text-decoration:none}.root-nav .logout-btn{transition:color .1s}.root-nav .logout-btn:hover{color:#fff}@media (width<=640px){.root-nav{gap:10px 16px;padding:12px 16px}}.root-outlet{flex-direction:column;flex:1;display:flex}.home{flex:1;padding:80px 48px 64px}@media (width<=640px){.home{padding:48px 24px}}.home-title{color:#fff;margin-bottom:20px;font-size:clamp(3.5rem,9vw,8rem)}.home-sub{color:#555;max-width:360px;margin-bottom:56px;font-size:.85rem;line-height:1.7}.home-divider{border:none;border-top:1px solid #2a2a2a;margin-bottom:40px}.home-nav{gap:0;display:flex}@media (width<=640px){.home-nav{flex-direction:column}}.home-nav-link{color:#555;border:1px solid #2a2a2a;align-items:center;padding:12px 24px;transition:color .1s,border-color .1s,background .1s;display:inline-flex}.home-nav-link+.home-nav-link{border-left:none}.home-nav-link:hover{color:#fff;border-color:#fff;text-decoration:none}.home-nav-link.primary{color:#fff;border-color:#fff}.home-nav-link.primary:hover{color:#0c0c0c;background:#fff}@media (width<=640px){.home-nav-link+.home-nav-link{border-top:none;border-left:1px solid #2a2a2a}}.auth-page{flex:1;justify-content:center;align-items:center;padding:48px 24px;display:flex}.auth-box{border:1px solid #2a2a2a;width:100%;max-width:380px}.auth-header{border-bottom:1px solid #2a2a2a;padding:28px 28px 24px}.auth-label{margin-bottom:10px;display:block}.auth-title{color:#fff;font-size:2.2rem}.auth-body{flex-direction:column;gap:18px;padding:28px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-field input{color:#fff;background:#141414;border:1px solid #2a2a2a;padding:10px 12px;font-size:14px;transition:border-color .1s}.auth-field input:focus{border-color:#fff;outline:none}.auth-submit{all:unset;box-sizing:border-box;text-align:center;color:#fff;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;border:1px solid #fff;width:100%;margin-top:6px;padding:12px;font-family:Inter,system-ui,sans-serif;font-size:.7rem;font-weight:700;transition:background .1s,color .1s;display:block}.auth-submit:hover{color:#0c0c0c;background:#fff}.auth-footer{border-top:1px solid #2a2a2a;align-items:center;gap:10px;padding:16px 28px;display:flex}.auth-footer a{color:#fff;border-bottom:1px solid #2a2a2a;padding-bottom:1px;transition:border-color .1s}.auth-footer a:hover{border-color:#fff;text-decoration:none}.dashboard-page{flex:1;padding:64px 48px}@media (width<=640px){.dashboard-page{padding:40px 24px}}.dashboard-title{color:#fff;margin-bottom:20px;font-size:clamp(2rem,5vw,4.5rem)}.dashboard-badge{background:#141414;border:1px solid #2a2a2a;padding:6px 12px;display:inline-block}.upload-page{flex:1;padding:64px 48px}@media (width<=640px){.upload-page{padding:32px 16px}}.upload-header{box-sizing:border-box;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:end;gap:12px 32px;width:100%;margin-bottom:32px;display:grid}.upload-header .upload-title{white-space:nowrap;grid-area:1/1/3;align-self:end;margin-bottom:0;line-height:1}.upload-header .player-volume-label{grid-area:1/2;align-self:end;margin:0}.upload-header .player-volume-slider,.upload-header #volumeSlder{grid-area:2/2;align-self:end;width:100%;min-width:0}@media (width<=640px){.upload-header{grid-template-rows:auto auto auto;grid-template-columns:1fr;row-gap:8px;margin-bottom:24px}.upload-header .upload-title{white-space:normal;grid-area:1/1;margin-bottom:8px}.upload-header .player-volume-label{grid-area:2/1;align-self:start}.upload-header .player-volume-slider,.upload-header #volumeSlder{grid-area:3/1;align-self:start}}.upload-title{color:#fff;letter-spacing:-.02em;margin-bottom:20px;font-size:clamp(2rem,5vw,4.5rem);line-height:1}.upload-title:before{content:"PLIKI";margin-bottom:12px;display:block}.upload-subtitle{margin-bottom:10px;display:block}.upload-status{text-align:center;padding:48px 0}.upload-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:40px;display:grid}.upload-panel{border:1px solid #2a2a2a;flex-direction:column;display:flex}.upload-panel-header{border-bottom:1px solid #2a2a2a;padding:28px 28px 24px}.upload-panel-label{margin-bottom:10px;display:block}.upload-panel-title{color:#fff;font-size:1.25rem}.upload-panel-body{flex-direction:column;gap:18px;padding:28px;display:flex}.upload-field{flex-direction:column;gap:6px;display:flex}.upload-field input:not(.upload-file-input){color:#fff;background:#141414;border:1px solid #2a2a2a;padding:10px 12px;font-size:14px;transition:border-color .1s}.upload-field input:not(.upload-file-input):focus{border-color:#fff;outline:none}.upload-field input:not(.upload-file-input)::placeholder{color:#555}.upload-file-input{color:#555;cursor:pointer;background:#141414;border:1px solid #2a2a2a;padding:10px 12px;font-size:14px;transition:border-color .1s,color .1s}.upload-file-input::file-selector-button{all:unset;color:#fff;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;border:1px solid #fff;margin-right:16px;padding:8px 14px;font-family:Inter,system-ui,sans-serif;font-size:.65rem;font-weight:700;transition:background .1s,color .1s;display:inline-block}.upload-file-input::file-selector-button:hover{color:#0c0c0c;background:#fff}.upload-file-input:hover,.upload-file-input:focus{color:#fff;border-color:#fff;outline:none}.upload-btn{all:unset;box-sizing:border-box;text-align:center;color:#fff;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;border:1px solid #fff;width:100%;padding:12px;font-family:Inter,system-ui,sans-serif;font-size:.7rem;font-weight:700;transition:background .1s,color .1s,border-color .1s,opacity .1s;display:block}.upload-btn:hover:not(:disabled){color:#0c0c0c;background:#fff}.upload-btn:disabled{opacity:.35;cursor:not-allowed}.upload-btn--ghost{color:#555;border-color:#2a2a2a;width:auto;padding:12px 24px;display:inline-flex}.upload-btn--ghost:hover:not(:disabled){color:#fff;background:0 0;border-color:#fff}.upload-btn--danger{color:#555;border-color:#2a2a2a;width:auto;min-width:32px;padding:6px 12px;display:inline-flex}.upload-btn--danger:hover:not(:disabled){color:#0c0c0c;background:#fff;border-color:#fff}.upload-error{color:#fff;border:1px solid #2a2a2a;padding:10px 12px}.upload-browser{border:1px solid #2a2a2a}.upload-browser-header{border-bottom:1px solid #2a2a2a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:28px 28px 24px;display:flex}.upload-location{flex-direction:column;gap:10px;display:flex}.upload-location code{letter-spacing:.08em;color:#fff;word-break:break-all;text-transform:none;background:#141414;border:1px solid #2a2a2a;padding:6px 12px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.65rem;display:inline-block}.upload-toolbar{flex-wrap:wrap;gap:0;display:flex}.upload-toolbar .upload-btn+.upload-btn{border-left:none}@media (width<=640px){.upload-toolbar .upload-btn+.upload-btn{border-top:none;border-left:1px solid #2a2a2a}}.upload-file-list{margin:0;padding:0;list-style:none}.upload-file-item{border-bottom:1px solid #2a2a2a;justify-content:space-between;align-items:center;gap:16px;padding:14px 28px;transition:background .1s,color .1s;display:flex}.upload-file-item:last-child{border-bottom:none}.upload-file-item:hover{background:#141414}.upload-file-item:has(.file-player){align-items:flex-start;padding:18px 28px}.upload-file-item:has(.file-player) .upload-file-name{white-space:normal;overflow:visible}.upload-file-item:has(.file-player) .upload-file-actions{margin-top:4px}@media (width<=640px){.upload-file-item{gap:10px;padding:12px 14px}.upload-file-item:has(.file-player){padding:12px}}.upload-file-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;overflow:hidden}@media (width<=640px){.upload-file-name{white-space:normal;word-break:break-word;overflow:visible}}.upload-folder-name{color:#fff;cursor:pointer;font-weight:700;transition:color .1s}.upload-folder-name:hover{color:#555}.upload-file-link{color:#fff;word-break:break-word;border-bottom:1px solid #2a2a2a;padding-bottom:1px;font-size:14px;transition:border-color .1s}.upload-file-link:hover{border-color:#fff;text-decoration:none}@media (width<=640px){.upload-file-link{white-space:normal}}.upload-file-actions{flex-shrink:0}.overlay-loadera{background:#141414;border:1px solid #2a2a2a;flex-direction:column;gap:12px;margin-top:16px;padding:16px;display:flex}.loader-progress-container{background:#2a2a2a;border:1px solid #ffffff0d;width:100%;height:8px;overflow:hidden;box-shadow:inset 0 1px 2px #0000004d}#loader-pasek{background:#888;height:100%;transition:width .2s ease-out}#loader-tekst{color:#fff;letter-spacing:.08em;text-transform:none;margin:0;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.65rem}.file-player-default{align-items:center;gap:12px;max-width:100%;display:inline-flex}@media (width<=640px){.file-player-default{flex-wrap:wrap;gap:8px 10px;display:flex}.file-player-default .upload-file-link{white-space:normal;word-break:break-word;flex:calc(100% - 60px)}.file-player-default .file-player-link-btn{text-align:center;justify-content:center;width:100%;padding:8px 12px}}.file-player-badge{color:#555;letter-spacing:.1em;background:#141414;border:1px solid #2a2a2a;flex-shrink:0;padding:2px 6px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.6rem;line-height:1.2;display:inline-block}.file-player{box-sizing:border-box;background:#141414;border:1px solid #2a2a2a;width:100%;transition:border-color .15s}.file-player:hover{border-color:#ffffff40}.file-player.is-playing{border-color:#fff}.file-player-header{border-bottom:1px solid #2a2a2a;align-items:center;gap:14px;padding:12px 16px;display:flex}@media (width<=640px){.file-player-header{flex-wrap:wrap;gap:10px;padding:12px}.file-player-header .file-player-play-btn{flex-shrink:0}.file-player-header .file-player-info{flex:calc(100% - 50px);min-width:0}.file-player-header .file-player-title{white-space:normal;word-break:break-word;font-size:13px;line-height:1.35}.file-player-header .file-player-link-btn{text-align:center;flex:1;justify-content:center;padding:8px 10px;font-size:.6rem}}.file-player-play-btn{all:unset;color:#fff;cursor:pointer;box-sizing:border-box;background:#0c0c0c;border:1px solid #fff;justify-content:center;align-items:center;width:34px;min-width:34px;height:34px;transition:background .1s,color .1s;display:inline-flex}.file-player-play-btn:hover{color:#0c0c0c;background:#fff}.file-player-play-btn:focus-visible{outline-offset:2px;outline:1px solid #fff}.file-player-play-btn svg{display:block}.file-player-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.file-player-meta{align-items:center;gap:8px;display:flex}.file-player-status{color:#fff;letter-spacing:.12em;font-size:.58rem}.file-player-title{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:700;overflow:hidden}.file-player-link-btn{color:#555;cursor:pointer;border:1px solid #2a2a2a;flex-shrink:0;align-items:center;gap:4px;padding:8px 14px;text-decoration:none;transition:color .1s,border-color .1s,background .1s;display:inline-flex}.file-player-link-btn:hover{color:#fff;border-color:#fff;text-decoration:none}.file-player-link-btn--clear:hover{color:#f55;background:#ff55550d;border-color:#f55}.file-player-controls{background:#0c0c0c;align-items:center;gap:12px;padding:10px 16px;display:flex}.file-player-time{letter-spacing:.05em;color:#fff;min-width:36px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.65rem}.file-player-time--duration{color:#555;text-align:right}.file-player-track-wrapper{flex:1;align-items:center;display:flex}.file-player-slider{all:unset;cursor:pointer;background:0 0;width:100%;height:18px;display:block}.file-player-slider::-webkit-slider-runnable-track{background:linear-gradient(to right, #fff 0%, #fff var(--progress,0%), #2a2a2a var(--progress,0%), #2a2a2a 100%);border:none;height:3px}.file-player-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:1px solid #0c0c0c;width:8px;height:14px;margin-top:-5px;transition:background .1s,transform .1s}.file-player-slider::-webkit-slider-thumb:hover{background:#ddd;transform:scale(1.15)}.file-player-slider::-moz-range-track{background:#2a2a2a;border:none;height:3px}.file-player-slider::-moz-range-progress{background:#fff;height:3px}.file-player-slider::-moz-range-thumb{cursor:pointer;background:#fff;border:1px solid #0c0c0c;border-radius:0;width:8px;height:14px;transition:background .1s,transform .1s}.file-player-slider::-moz-range-thumb:hover{background:#ddd;transform:scale(1.15)}.file-player-slider:focus-visible{outline:1px dotted #fff}.file-player--video .file-player-header{border-bottom:1px solid #2a2a2a}.file-player--video .file-player-video-wrapper{background:#000;justify-content:center;align-items:center;max-height:420px;display:flex;overflow:hidden}.file-player--video .file-player-video-elem{background:#000;outline:none;width:100%;max-height:420px;display:block}.player-page{box-sizing:border-box;flex:1;width:100%;max-width:1080px;margin:0 auto;padding:64px 48px}@media (width<=640px){.player-page{padding:32px 16px}}.player-title{color:#fff;letter-spacing:-.02em;margin-bottom:32px;font-size:clamp(2rem,5vw,4.5rem)}.player-title:before{content:"AUDIO / ODTWARZACZ";margin-bottom:12px;display:block}.player-header{box-sizing:border-box;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:end;gap:12px 32px;width:100%;margin-bottom:32px;display:grid}.player-header .player-title{white-space:nowrap;grid-area:1/1/3;align-self:end;margin-bottom:0}@media (width<=540px){.player-header{grid-template-rows:auto auto auto;grid-template-columns:1fr;row-gap:8px}.player-header .player-title{grid-area:1/1;margin-bottom:8px}.player-header .player-volume-label{grid-area:2/1}.player-header .player-volume-slider,.player-header #volumeSlder{grid-area:3/1}}.player-volume-label{color:#555;grid-area:1/2;align-self:end;margin:0;display:block}.player-volume-slider,#volumeSlder{all:unset;appearance:none;cursor:pointer;box-sizing:border-box;background:0 0;align-self:end;width:100%;height:clamp(2rem,5vw,4.5rem);margin:0;display:block}.player-volume-slider:focus-visible,#volumeSlder:focus-visible{outline-offset:3px;outline:1px solid #fff}.player-volume-slider::-webkit-slider-runnable-track{background:linear-gradient(to right, #ffffff2e 0%, #ffffff2e var(--volume,100%), #141414 var(--volume,100%), #141414 100%);box-sizing:border-box;border:1px solid #2a2a2a;width:100%;height:clamp(2rem,5vw,4.5rem);transition:border-color .15s}#volumeSlder::-webkit-slider-runnable-track{background:linear-gradient(to right, #ffffff2e 0%, #ffffff2e var(--volume,100%), #141414 var(--volume,100%), #141414 100%);box-sizing:border-box;border:1px solid #2a2a2a;width:100%;height:clamp(2rem,5vw,4.5rem);transition:border-color .15s}.player-volume-slider:hover::-webkit-slider-runnable-track{border-color:#ffffff59}#volumeSlder:hover::-webkit-slider-runnable-track{border-color:#ffffff59}.player-volume-slider::-webkit-slider-thumb{appearance:none;cursor:ew-resize;box-sizing:border-box;background:#fff;border:1px solid #fff;width:clamp(24px,3.5vw,36px);height:clamp(2rem,5vw,4.5rem);margin-top:-1px;transition:background .1s}#volumeSlder::-webkit-slider-thumb{appearance:none;cursor:ew-resize;box-sizing:border-box;background:#fff;border:1px solid #fff;width:clamp(24px,3.5vw,36px);height:clamp(2rem,5vw,4.5rem);margin-top:-1px;transition:background .1s}.player-volume-slider::-webkit-slider-thumb:hover{background:#e0e0e0}#volumeSlder::-webkit-slider-thumb:hover{background:#e0e0e0}.player-volume-slider::-moz-range-track{box-sizing:border-box;background:#141414;border:1px solid #2a2a2a;width:100%;height:clamp(2rem,5vw,4.5rem);transition:border-color .15s}#volumeSlder::-moz-range-track{box-sizing:border-box;background:#141414;border:1px solid #2a2a2a;width:100%;height:clamp(2rem,5vw,4.5rem);transition:border-color .15s}.player-volume-slider:hover::-moz-range-track{border-color:#ffffff59}#volumeSlder:hover::-moz-range-track{border-color:#ffffff59}.player-volume-slider::-moz-range-progress{box-sizing:border-box;background:#ffffff2e;border:1px solid #2a2a2a;border-right:none;height:clamp(2rem,5vw,4.5rem)}#volumeSlder::-moz-range-progress{box-sizing:border-box;background:#ffffff2e;border:1px solid #2a2a2a;border-right:none;height:clamp(2rem,5vw,4.5rem)}.player-volume-slider::-moz-range-thumb{cursor:ew-resize;box-sizing:border-box;background:#fff;border:1px solid #fff;border-radius:0;width:clamp(24px,3.5vw,36px);height:clamp(2rem,5vw,4.5rem);transition:background .1s}#volumeSlder::-moz-range-thumb{cursor:ew-resize;box-sizing:border-box;background:#fff;border:1px solid #fff;border-radius:0;width:clamp(24px,3.5vw,36px);height:clamp(2rem,5vw,4.5rem);transition:background .1s}.player-volume-slider::-moz-range-thumb:hover{background:#e0e0e0}#volumeSlder::-moz-range-thumb:hover{background:#e0e0e0}.player-playlist-save{background:#141414;border:1px solid #2a2a2a;grid-template-columns:1fr auto;align-items:center;gap:10px 12px;margin-bottom:32px;padding:20px 24px;transition:border-color .15s;display:grid}.player-playlist-save:hover,.player-playlist-save:focus-within{border-color:#ffffff40}@media (width<=640px){.player-playlist-save{grid-template-columns:1fr;padding:16px 18px}}.player-playlist-save .player-playlist-label,.player-playlist-save p{color:#555;grid-column:1/-1}.player-playlist-save .player-playlist-input,.player-playlist-save input{color:#fff;box-sizing:border-box;background:#0c0c0c;border:1px solid #2a2a2a;padding:10px 14px;font-family:Inter,system-ui,sans-serif;font-size:14px;transition:border-color .15s,background .15s}.player-playlist-save .player-playlist-input:focus,.player-playlist-save input:focus{border-color:#fff;outline:none}.player-playlist-save .player-playlist-input::placeholder,.player-playlist-save input::placeholder{color:#555}.player-playlist-save .player-playlist-btn,.player-playlist-save button{all:unset;color:#fff;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;box-sizing:border-box;white-space:nowrap;background:#0c0c0c;border:1px solid #fff;justify-content:center;align-items:center;padding:10px 22px;font-family:Inter,system-ui,sans-serif;font-size:.7rem;font-weight:700;transition:background .15s,color .15s;display:inline-flex}.player-playlist-save .player-playlist-btn:hover,.player-playlist-save button:hover{color:#0c0c0c;background:#fff}.player-playlist-save .player-playlist-btn:focus-visible,.player-playlist-save button:focus-visible{outline-offset:2px;outline:1px solid #fff}.player-main-block{border-bottom:1px solid #2a2a2a;flex-direction:column;gap:24px;margin-bottom:40px;padding-bottom:36px;display:flex}.player-main-block>.file-player{background:#141414;border:1px solid #2a2a2a}.player-main-block>.file-player.is-playing{border-color:#fff}.player-main-block>.file-player .file-player-header{gap:16px;padding:20px 24px}.player-main-block>.file-player .file-player-play-btn{width:44px;min-width:44px;height:44px}.player-main-block>.file-player .file-player-title{font-size:16px;font-weight:700}.player-main-block>.file-player .file-player-controls{padding:16px 24px}@media (width<=640px){.player-main-block>.file-player .file-player-header{gap:12px;padding:14px 16px}.player-main-block>.file-player .file-player-play-btn{width:38px;min-width:38px;height:38px}.player-main-block>.file-player .file-player-info{flex:calc(100% - 54px);min-width:0}.player-main-block>.file-player .file-player-title{white-space:normal;word-break:break-word;font-size:14px;line-height:1.35}.player-main-block>.file-player .file-player-controls{padding:12px 14px}}.player-next-block{flex-direction:column;gap:8px;display:flex}.player-next-block:before{content:"NASTĘPNY W KOLEJCE (UP NEXT)";margin-top:4px;display:block}.file-player--next{background:#ffffff05;border:1px dashed #2a2a2a;transition:border-color .15s,background .15s}.file-player--next:hover{background:#141414;border-style:solid;border-color:#ffffff40}.file-player--next .file-player-info{flex-direction:column;gap:6px;padding:14px 20px;display:flex}@media (width<=640px){.file-player--next .file-player-info{padding:12px 14px}.file-player--next .file-player-title{white-space:normal;word-break:break-word;line-height:1.35}}.player-shuffle-hint{color:#555;letter-spacing:.12em;margin:0;font-size:.6rem}.file-player--queue-item{background:#141414;border:1px solid #2a2a2a;margin-bottom:8px;transition:border-color .1s,background .1s}.file-player--queue-item:first-of-type{margin-top:16px}.file-player--queue-item:first-of-type:before{content:"KOLEJKA UTWORÓW";margin-bottom:14px;display:block}.file-player--queue-item:hover{border-color:#ffffff4d}.file-player--queue-item:hover .player-queue-remove{color:#fff;border-color:#fff6}.file-player--queue-item .file-player-info{box-sizing:border-box;flex-direction:row;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:12px 20px;display:flex}@media (width<=640px){.file-player--queue-item .file-player-info{gap:10px;padding:12px 14px}}.file-player--queue-item .file-player-meta{flex-shrink:0}.file-player--queue-item .file-player-title{color:#fff;flex:1;min-width:0;font-size:14px;font-weight:500}@media (width<=640px){.file-player--queue-item .file-player-title{white-space:normal;word-break:break-word;font-size:13px;line-height:1.35}}.player-queue-remove{all:unset;color:#555;text-transform:uppercase;cursor:pointer;box-sizing:border-box;border:1px solid #2a2a2a;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:12px;font-weight:700;transition:background .1s,color .1s,border-color .1s;display:inline-flex}.player-queue-remove:hover{color:#fff;background:#f44;border-color:#f44}.about-page{flex:1;padding:64px 48px}@media (width<=640px){.about-page{padding:40px 24px}}.about-header{margin-bottom:24px}.about-subtitle{margin-bottom:10px;display:block}.about-title{color:#fff;margin-bottom:8px;font-size:clamp(2rem,5vw,4.5rem)}.about-role{color:#fff;letter-spacing:.1em}.about-contact{flex-wrap:wrap;gap:0;margin-bottom:40px;display:flex}@media (width<=640px){.about-contact{flex-direction:column}}.about-contact-link{color:#555;border:1px solid #2a2a2a;align-items:center;padding:10px 20px;transition:color .1s,border-color .1s,background .1s;display:inline-flex}.about-contact-link+.about-contact-link{border-left:none}.about-contact-link:hover{color:#fff;border-color:#fff;text-decoration:none}@media (width<=640px){.about-contact-link+.about-contact-link{border-top:none;border-left:1px solid #2a2a2a}}.about-divider{border:none;border-top:1px solid #2a2a2a;margin-bottom:40px}.about-section{max-width:720px;margin-bottom:48px}.about-section-label{margin-bottom:16px;display:block}.about-text{color:#555;font-size:.9rem;line-height:1.8}.about-skills{flex-wrap:wrap;gap:0;margin-top:24px;display:flex}.about-skill{color:#fff;background:#141414;border:1px solid #2a2a2a;padding:8px 14px;display:inline-block}.about-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-bottom:48px;display:grid}.about-panel{border:1px solid #2a2a2a;flex-direction:column;display:flex}.about-panel-header{border-bottom:1px solid #2a2a2a;padding:24px 28px 20px}.about-panel-label{margin-bottom:8px;display:block}.about-panel-title{color:#fff;margin-bottom:4px;font-size:1.1rem}.about-panel-meta{color:#555;letter-spacing:.08em}.about-panel-body{flex-direction:column;gap:12px;padding:24px 28px;display:flex}.about-panel-item{color:#555;border-left:1px solid #2a2a2a;padding-left:14px;font-size:.85rem;line-height:1.7}.about-panel-item strong{color:#fff;font-weight:700}.about-education{border:1px solid #2a2a2a}.about-education-item{border-bottom:1px solid #2a2a2a;padding:24px 28px}.about-education-item:last-child{border-bottom:none}.about-education-school{color:#fff;margin-bottom:6px;font-size:1rem}.about-education-detail{color:#555;font-size:.85rem;line-height:1.6}.about-education-period{margin-top:8px;display:block}.modal-backdrop{-webkit-backdrop-filter:blur(5px);z-index:1000;background:#000000c7;justify-content:center;align-items:center;padding:24px;animation:.15s ease-out modal-fade-in;display:flex;position:fixed;inset:0}.modal-content{box-sizing:border-box;background:#141414;border:1px solid #fff;grid-template-columns:1fr 1fr;gap:16px 12px;width:100%;max-width:440px;padding:32px;animation:.15s ease-out modal-scale-in;display:grid;box-shadow:0 20px 48px #000c,0 0 0 1px #ffffff0d}.modal-content .modal-title,.modal-content h3{color:#fff;letter-spacing:-.02em;grid-column:1/-1;font-size:1.35rem}.modal-content .modal-title:before,.modal-content h3:before{content:"OSTRZEŻENIE / SESJA";color:#555;margin-bottom:10px;display:block}.modal-content .modal-desc,.modal-content p{color:#ffffffb3;grid-column:1/-1;margin-bottom:8px;font-size:14px;line-height:1.5}.modal-content .modal-btn,.modal-content button{all:unset;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;box-sizing:border-box;text-align:center;justify-content:center;align-items:center;padding:12px 18px;font-family:Inter,system-ui,sans-serif;font-size:.7rem;font-weight:700;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.modal-content .modal-btn:focus-visible,.modal-content button:focus-visible{outline-offset:2px;outline:1px solid #fff}.modal-content .modal-btn--extend,.modal-content button:first-of-type{color:#0c0c0c;background:#fff;border:1px solid #fff}.modal-content .modal-btn--extend:hover,.modal-content button:first-of-type:hover{color:#fff;background:0 0}.modal-content .modal-btn--logout,.modal-content button:nth-of-type(2){color:#555;background:0 0;border:1px solid #2a2a2a}.modal-content .modal-btn--logout:hover,.modal-content button:nth-of-type(2):hover{color:#f44;background:#ff44440d;border-color:#f44}@media (width<=440px){.modal-content{grid-template-columns:1fr;padding:24px 20px}.modal-content .modal-btn,.modal-content button{width:100%}}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-scale-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.toast{z-index:9999;color:#fff;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;pointer-events:none;background:#141414;border:1px solid #fff;justify-content:center;align-items:center;gap:10px;padding:10px 20px;font-family:Inter,system-ui,sans-serif;font-size:.72rem;font-weight:700;animation:.15s ease-out toast-fade-in;display:inline-flex;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #000000bf,0 0 0 1px #ffffff14}.toast:before{content:"";background:#fff;flex-shrink:0;width:6px;height:6px;display:inline-block}@keyframes toast-fade-in{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}